flex-wrap
Übersicht
Die flex-wrap
CSS Eigenschaft legt fest, ob die Elemente in einem Flexbox-Container auf einer Linie liegen, oder bei bedarf auf mehrere Zeilen verteilt werden können.
Initialwert | nowrap |
---|---|
Anwendbar auf | flexible Container |
Vererbt | Nein |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
Siehe die CSS flexible Boxen verwenden für mehr Informationen.
Syntax
Formale Syntax:nowrap | wrap | wrap-reverse
flex-wrap: nowrap flex-wrap: wrap flex-wrap: wrap-reverse flex-wrap: inherit
Werte
Die folgenden Werte können verwendet werden:
nowrap
- Die flexiblen Elemente liegen alle in derselben Reihe, auch wenn dazu der Platz fehlt.
wrap
- Die flexiblen Elemente können sich wenn nötig innerhalb des Containers in mehrere Zeilen aufteilen (nach unten).
wrap-reverse
- Die flexiblen Elemente können sich wenn nötig innerhalb des Containers in mehrere Zeilen aufteilen (nach oben).
Beispiele
element {
flex-wrap: nowrap;
}
Spezifikationen
Spezifikation | Status | Anmerkung |
---|---|---|
CSS Flexible Box Layout Module Die Definition von 'flex-wrap' in dieser Spezifikation. |
Anwärter Empfehlung |
Browser Kompatibilität
BCD tables only load in the browser