Exemplu
Asigurați-display flexibil elemente în coloane, și nici un ambalaj:
document.getElementById("main").style.flexFlow = "column nowrap";
Încearcă - l singur » Definiție și utilizare
Proprietatea flexFlow este o proprietate prescurtare pentru flexDirection și proprietățile flexWrap.
Proprietatea flexDirection specifică direcția elementelor flexibile.
Proprietatea flexWrap specifică dacă elementele flexibile trebuie să înveliți sau nu.
Note: În cazul în care elementele nu sunt elemente flexibile, proprietatea flexFlow nu are niciun efect.
Suport pentru browser-
Proprietatea flexFlow este susținută în IE10 +, Firefox, Opera și Chrome.
Notă: Safari 6.1+ susține o alternativă, proprietatea WebkitFlexFlow.
Sintaxă
Întoarcere proprietatea flexFlow:
object .style.flexFlow
Setați proprietatea flexFlow:
object .style.flexFlow=" Valori de proprietate Valoare Descriere flex-direction Valori posibile:
rând
rând-revers
coloană
coloană inversă
iniţială
moşteni Valoarea implicită este "row" .
Specificarea direcția elementelor flexibile
flex-wrap Valori posibile:
nowrap
împacheta
wrap-revers
iniţială
moşteni Valoarea implicită este "nowrap" .
Specificarea dacă elementele flexibile trebuie să înveliți sau nu
initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: rând nowrap Întoarcere Valoare: Un String, care reprezintă proprietatea de curgere flex a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: flex-flow property
HTML DOM STYLE Referință: flex property
HTML DOM STYLE Reference: flexBasis property
HTML DOM STYLE Referinta: flexDirection property
HTML DOM STYLE Reference: flexGrow property
HTML DOM STYLE Reference: flexShrink property
HTML DOM STYLE Reference: flexWrap property
<Style Object