Zum Inhalt springen

flex-direction

  • Redaktion 
  • Zuletzt aktualisiert am

#flex-direction

Legt fest, wie Flexbox-Elemente innerhalb eines Flexbox-Containers angeordnet werden.

default flex-direction: row;

Die Flexbox-Elemente sind in der gleichen Weise wie die Textrichtung angeordnet, entlang der Hauptachse.

flex-direction: row-reverse;

Die Flexbox-Elemente sind in der umgekehrten Richtung wie der Text angeordnet, entlang der Hauptachse.

flex-direction: column;

Die Flexbox-Elemente werden auf die gleiche Weise wie die Textrichtung angeordnet, entlang der Querachse.

flex-direction: column-reverse;

Die Flexbox-Elemente sind in der umgekehrten Richtung wie die Textrichtung angeordnet, entlang der Querachse.