Beispiel
Machen Sie die flexiblen Elemente wickeln, wenn necesarry:
document.getElementById("main".style.flexWrap = "wrap";
Versuch es selber " Definition und Verwendung
Die flexWrap Eigenschaft gibt an, ob die flexiblen Elemente wickeln soll oder nicht.
Note: Wenn die Elemente nicht flexible Elemente sind, die flexWrap Eigenschaft hat keine Auswirkungen.
Browser-Unterstützung
Die flexWrap Eigenschaft wird in IE10 +, Firefox, Opera und Chrome unterstützt.
Hinweis: Safari 6.1 und höher unterstützt eine Alternative, die WebkitFlexWrap Eigenschaft.
Syntax
Bringen Sie die flexWrap Eigenschaft:
object .style.flexWrap
Stellen Sie die flexWrap Eigenschaft:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
Eigenschaftswerte
Wert | Beschreibung |
---|---|
nowrap | Standardwert. Gibt an, dass die flexiblen Elemente nicht umgebrochen werden |
wrap | Gibt an, dass die flexiblen Elemente wickeln, wenn notwendig |
wrap-reverse | Gibt an, dass die flexiblen Elemente wickeln werden, falls erforderlich, in umgekehrter Reihenfolge |
initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
Standardwert: | nowrap |
---|---|
Rückgabewert: | Ein String, die die Flex-wrap Eigenschaft eines Elements |
CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: flex-wrap property - flex-wrap property
HTML - DOM - ART - Referenz: flex property - flex property
HTML - DOM - ART - Referenz: flexBasis property
HTML - DOM - ART - Referenz: flexDirection property
HTML - DOM - ART - Referenz: flexFlow property - flexFlow property
HTML - DOM - ART - Referenz: flexGrow property
HTML - DOM - ART - Referenz: flexShrink property
<Style - Objekt