Hauptachse
Die Hauptachse im flexbox wird durch die Richtung definiert, die von der flex-direction-Eigenschaft festgelegt wird. Es gibt vier mögliche Werte für flex-direction. Diese sind:
rowrow-reversecolumncolumn-reverse
Sollten Sie row oder row-reverse wählen, dann verläuft Ihre Hauptachse entlang der Zeile in der Inline-Richtung.
Wählen Sie column oder column-reverse, und Ihre Hauptachse verläuft von oben nach unten der Seite in der Block-Richtung.
Auf der Hauptachse können Sie die Größe von Flex-Elementen steuern, indem Sie den vorhandenen Platz den Elementen selbst hinzufügen, mithilfe der flex-Eigenschaften auf den Elementen. Oder, Sie können den Raum zwischen und um die Elemente herum mit der justify-content-Eigenschaft steuern.