Cross Axis

Der cross axis (Querachse) im Flexbox verläuft senkrecht zur main axis (Hauptachse). Daher, wenn Ihre flex-direction entweder row oder row-reverse ist, verläuft die Querachse entlang der Spalten.

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

Die Ausrichtung von Elementen auf der Querachse wird mit der align-items-Eigenschaft des Flexcontainers oder der align-self-Eigenschaft der einzelnen Elemente erreicht. Im Fall eines mehrzeiligen Flexcontainers, mit zusätzlichem Platz auf der Querachse, können Sie align-content verwenden, um den Abstand der Reihen zu steuern.