Exemplu
Lăsați toate elementele flexibile să aibă aceeași lungime, regardles de conținutul său:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
Încearcă - l singur » Definiție și utilizare
Seturile de proprietate flex sau returnează lungimea elementului, în raport cu restul elementelor din interiorul flexibel același container.
Proprietatea flex este o prescurtare pentru flexGrow, flexShrink și proprietățile flexBasis.
Note: În cazul în care elementul nu este un element flexibil, proprietatea flex nu are nici un efect.
Suport pentru browser-
Proprietatea flex este acceptată în toate browserele majore, cu excepția Safari.
Notă: Proprietatea flex nu este acceptat IE 9 sau mai devreme, în IE 10 această proprietate este sprijinit cu prefixul MS. IE11 și versiunile mai noi sprijini pe deplin proprietatea flex (nu au nevoie de prefixul ms).
Notă: Safari 6.1+ susține o alternativă, proprietatea WebkitFlex.
Sintaxă
Întoarcere proprietatea Flex:
object .style.flexSetați proprietatea flex:
object .style.flex=" Valori de proprietate Valoare Descriere flex-grow Un număr care specifică cât de mult elementul va crește în raport cu restul elementelor flexibile flex-shrink Un număr care specifică cât de mult elementul se va micșora în raport cu restul elementelor flexibile flex-basis Lungimea elementului. Valorile legale: "auto" , "inherit" , sau un număr urmat de "%" , "px" , "em" sau orice altă unitate de lungime auto La fel ca 1 1 auto. initial La fel ca 0 1 auto. Citiți despre inițială none La fel ca 0 0 auto. inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: 0 1 auto Întoarcere Valoare: Un șir, care reprezintă proprietatea unui element flexibil CSS Versiune CSS3
Pagini similare
Referință CSS: 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
HTML DOM STYLE Reference: flexWrap property
<Style Object