Zum Inhalt springen

flex-wrap

  • Redaktion 
  • Zuletzt aktualisiert am

#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.

46946778f3980a7056863354400f8688?s=250&d=mm&r=g flex-wrap
Letzte Artikel von Redaktion (Alle anzeigen)

    Nach oben