Kreuzachse

Die Kreuzachse in flexbox verläuft senkrecht zur Hauptachse. Daher, wenn Ihre flex-direction entweder row oder row-reverse ist, verläuft die Kreuzachse entlang der Spalten.

Wenn Ihre Hauptachse column oder column-reverse ist, verläuft die Kreuzachse entlang der Reihen.

Die Ausrichtung der Elemente auf der Kreuzachse wird mit der Eigenschaft align-items am Flex-Container oder der Eigenschaft align-self bei einzelnen Elementen erreicht. Im Fall eines mehrzeiligen Flex-Containers, mit zusätzlichem Raum auf der Kreuzachse, können Sie align-content verwenden, um den Abstand der Reihen zu steuern.