DieQuerachse imFlexbox verläuft senkrecht zurHauptachse, daher verläuft die Querachse nach unten durch die Spalten, wenn Ihreflex-direction entwederrow oderrow-reverse ist.

Wenn Ihre Hauptachsecolumn odercolumn-reverse ist, verläuft die Querachse entlang der Zeilen.

Die Ausrichtung von Elementen auf der Querachse wird mit der Eigenschaftalign-items am Flex-Container oder mit der Eigenschaftalign-self an einzelnen Elementen erreicht. Im Fall eines mehrzeiligen Flex-Containers, mit zusätzlichem Raum auf der Querachse, können Siealign-content verwenden, um den Abstand der Zeilen zu steuern.

Siehe auch

Eigenschaftenreferenz

• align-content
• align-items
• align-self
• flex-wrap
• flex-direction
• flex
• flex-basis
• flex-flow
• flex-grow
• flex-shrink
• justify-content
• order

Weiterführende Literatur

CSS Flexbox-Leitfäden:

• Grundlegende Konzepte von Flexbox
• Ausrichten von Elementen in einem Flex-Container
• Meistern des Wraps von Flex-Items

Verwandte Glossarbegriffe:

• Flex
• Flex Container
• Flex Item
• Grid