Styl flexFlow Eiendom
Voorbeeld
Laat die buigsame items in kolomme vertoon, sonder omvou:
document.getElementById("main").style.flexFlow = "column nowrap";
Definisie en gebruik
Die flexFlow-eienskap is 'n snelskrif-eienskap vir die flexDirection- en die flexWrap-eienskappe.
Die flexDirection-eienskap spesifiseer die rigting van die buigsame items.
Die flexWrap-eienskap spesifiseer of die buigsame items moet toedraai of nie.
Let wel: As die elemente nie buigsame items is nie, het die flexFlow-eienskap geen effek nie.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
Sintaksis
Gee die flexFlow-eienskap terug:
object.style.flexFlow
Stel die flexFlow-eienskap:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | ry nourap |
---|---|
Terugkeerwaarde: | 'n String, wat die buigvloei-eienskap van 'n element voorstel |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: flex-flow eiendom
HTML DOM STYL Verwysing: flex eiendom
HTML DOM STYL Verwysing: flexBasis eiendom
HTML DOM STYLE Verwysing: flexDirection eiendom
HTML DOM STYLE Verwysing: flexGrow eiendom
HTML DOM STYLE Verwysing: flexShrink eiendom
HTML DOM STYLE Verwysing: flexWrap eiendom
❮ Stylvoorwerp