Style flexFlow- Eigenschaft
Beispiel
Lassen Sie die flexiblen Elemente in Spalten und ohne Umbruch anzeigen:
document.getElementById("main").style.flexFlow = "column nowrap";
Definition und Verwendung
Die Eigenschaft flexFlow ist eine abgekürzte Eigenschaft für die Eigenschaften flexDirection und flexWrap.
Die Eigenschaft flexDirection gibt die Richtung der flexiblen Elemente an.
Die Eigenschaft flexWrap gibt an, ob die flexiblen Elemente umwickelt werden sollen oder nicht.
Hinweis: Wenn die Elemente keine flexiblen Elemente sind, hat die Eigenschaft flexFlow keine Wirkung.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
Syntax
Geben Sie die flexFlow-Eigenschaft zurück:
object.style.flexFlow
Legen Sie die flexFlow-Eigenschaft fest:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
flex-direction | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items |
flex-wrap | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Zeile Nowrap |
---|---|
Rückgabewert: | Ein String, der die Flex-Flow-Eigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Flex-Flow-Eigenschaft
HTML-DOM-STIL Referenz: Flex-Eigenschaft
HTML-DOM-STIL Referenz: flexBasis-Eigenschaft
HTML-DOM-STIL Referenz: flexDirection-Eigenschaft
HTML-DOM-STIL Referenz: flexGrow-Eigenschaft
HTML-DOM-STIL Referenz: flexShrink-Eigenschaft
HTML-DOM-STIL Referenz: flexWrap-Eigenschaft
❮ Style-Objekt