flex-basis
Lastnost je sub-lastnost modula Fleksibilna Box postavitve.
Določa začetno velikost prilagodljivega elementa, preden se razpoložljivi prostor razdeli glede na faktorje upogibanja. Če je v flex
stenografiji izpuščena , je navedena vrednost dolžina nič.
Vrednost flex-osnova, nastavljena na auto
velikost elementa glede na lastnost velikosti (ki je lahko sama ključna beseda auto
, ki element določi glede na njegovo vsebino).
Sintaksa
flex-basis: .flex-item ( flex-basis: 100px; )
Upoštevajte, da so negativne dolžine kot pri kateri koli širini neveljavne.
Demo
Oglejte si to pisalo!
Podpora za brskalnik
- (moderno) pomeni nedavno sintakso iz specifikacije (npr.
display: flex;
) - (hibrid) pomeni nenavadno neuradno skladnjo iz leta 2011 (npr.
display: flexbox;
) - (staro) pomeni staro skladnjo iz leta 2009 (npr.
display: box;
)
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
21+ (moderno) 20- (staro) | 3,1+ (staro) | 2–21 (stari) 22+ (novi) | 12,1+ (moderno) | 10+ (hibrid) | 2,1+ (staro) | 3,2+ (staro) |
Brskalnik Blackberry 10+ podpira novo sintakso.
Za več informacij o tem, kako mešati sintakse, da dobite najboljšo podporo za brskalnik, si oglejte ta članek (CSS-triki) ali ta članek (DevOpera).