Exemplu
Lăsați toate elementele flexibile să aibă aceeași lungime, regardles de conținutul său:
#main div {
-webkit-flex: 1; /* Safari 6.1+ */
-ms-flex: 1; /* IE 10 */
flex: 1;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea flex specifică lungimea elementului, în raport cu restul elementelor flexibile din interiorul același container.
Proprietatea flex este o prescurtare pentru flex-cresc, flex-psihiatru, și flex-Baza proprietăți.
Note: În cazul în care elementul nu este un element flexibil, proprietatea flex nu are nici un efect.
Valoare implicită: | 0 1 auto |
---|---|
Mostenit: | no |
Animatable: | yes, see individual properties . Read about animatable |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.flex="1" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de -webkit-, -ms- sau -moz- specifica prima versiune care a lucrat cu un prefix.
Proprietate | |||||
---|---|---|---|---|---|
flex | 29.0 21,0 -webkit- | 11.0 10.0 -ms- | 28.0 18,0 -moz- | 9 6.1 -webkit- | 17.0 |
CSS Sintaxa
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
Pagini similare
CSS Referință: flex-basis property de flex-basis property
CSS Referință: flex-direction property
CSS Referință: flex-flow property
CSS Referință: flex-grow property
CSS Referință: flex-shrink property
CSS Referință: flex-wrap property
HTML DOM de referință: flex property