CSS/Eigenschaften/flex-wrap
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft flex-wrap legt fest, ob sich die flexiblen Elemente an die Breite der Zeile anpassen sollen, oder ihre vorgegebene Breite darstellen sollen. In diesem Fall kommt es zu einem Zeilenumbruch.
erlaubte Werte |
|
---|---|
anwendbar auf | flexible Container (Unterschied Tag Element Attribut) |
Browsersupport | Details: caniuse.com |
Vererbung | nein |
animierbar | nein |
Beispiel
.genau { flex-wrap: wrap; } .andersrum { flex-wrap: wrap-reverse; }
Weblinks
- Spezifikation (W3C): CSS Flexible Box Layout Module Level 1 - flex-wrap-property
- MDN: flex-wrap
nowrap
, da flex-wrap nicht festgelegt wurde. Deshalb werden die festgelegten Breiten ignoriert und passen sich die flexiblen Elemente an die Breite des Eltern-Container an.Die zweite Reihe mit der Eigenschaft
Mit der Eigenschaftflex-wrap: wrap;
stellt die Elemente mit ihren festgelegten Breiten dar, sodass es zu einem Zeilenumbruch kommt.flex-wrap: wrap-reverse;
kann die Anordnung der Zeilen (nicht der flexiblen Elemente) vertauscht werden.