CSS flex-wrap Eigenschaft

Definition und Verwendung

Die flex-wrap-Eigenschaft gibt an, ob die flexiblen Elemente umgebrochen werden sollten.

Anmerkung:Wenn das Element kein flexibles Element ist, ist die flex-Eigenschaft ungültig.

CSS-Tutorial: CSS-Flexbox

CSS Referenzhandbuch:flex-Eigenschaft

HTML DOM Referenzhandbuch:flexWrap-Eigenschaft

Zeige, dass flexible Elemente bei Bedarf umgebrochen werden:

div {
  display: flex;   
  flex-wrap: wrap;
}

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Wert	Beschreibung
nowrap	Standardwert. Es wird angegeben, dass die flexiblen Elemente nicht umgebrochen werden.
wrap	Es wird angegeben, dass die flexiblen Elemente bei Bedarf umgebrochen werden.
wrap-reverse	Es wird angegeben, dass die flexiblen Elemente bei Bedarf umgebrochen werden, umgekehrt.
initial	Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit	Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Standardwert:	nowrap
Vererbung:	Nein
Animationserstellung:	Nicht unterstützt. Siehe:Animationseigenschaften.
Version:	CSS3
JavaScript-Syntax:	object.style.flexWrap="nowrap"

Die Zahlen in der Tabelle zeigen die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Zahlen mit -webkit- oder -moz- sind die erste Version, die den Präfix verwendet.

Chrome	IE / Edge	Firefox	Safari	Opera
29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0