Zum Inhalt springen

#flex-wrap

Legt fest, ob Flexbox-Elemente in einer einzigen Zeile oder in mehreren Zeilen innerhalb eines Flexbox-Containers erscheinen.

default flex-wrap: nowrap;

Die Flexbox-Elemente bleiben auf einer einzigen Zeile, egal was passiert, und werden schließlich überlaufen, wenn nötig.

flex-wrap: wrap;

Die Flexbox-Elemente werden bei Bedarf auf mehrere Zeilen verteilt.

flex-wrap: wrap-reverse;

Die Flexbox-Elemente werden bei Bedarf auf mehrere Zeilen verteilt. Jede zusätzliche Zeile wird vor der vorherigen erscheinen.

Nach oben