Exemplu
Asigurați elementele flexibile înfășurați în cazul în care necesarry:
document.getElementById("main".style.flexWrap = "wrap";
Încearcă - l singur » Definiție și utilizare
Proprietatea flexWrap specifică dacă elementele flexibile trebuie să înveliți sau nu.
Note: În cazul în care elementele nu sunt elemente flexibile, proprietatea flexWrap nu are niciun efect.
Suport pentru browser-
Proprietatea flexWrap este susținută în IE10 +, Firefox, Opera și Chrome.
Notă: Safari 6.1+ susține o alternativă, proprietatea WebkitFlexWrap.
Sintaxă
Întoarcere proprietatea flexWrap:
object .style.flexWrap
Setați proprietatea flexWrap:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
Valori de proprietate
Valoare | Descriere |
---|---|
nowrap | Valoare implicită. Specifică faptul că elementele flexibile nu se va încheia |
wrap | Specifică faptul că elementele flexibile se vor încheia, dacă este necesar |
wrap-reverse | Specifică faptul că elementele flexibile se vor încheia, dacă este necesar, în ordine inversă |
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ă: | nowrap |
---|---|
Întoarcere Valoare: | Un șir, care reprezintă proprietatea flex-folie a unui element |
CSS Versiune | CSS3 |
Pagini similare
Referință CSS: flex-wrap property
HTML DOM STYLE Referință: flex property
HTML DOM STYLE Reference: flexBasis property
HTML DOM STYLE Referinta: flexDirection property
HTML DOM STYLE Referinta: flexFlow property
HTML DOM STYLE Reference: flexGrow property
HTML DOM STYLE Reference: flexShrink property
<Style Object