Fleksibilna osnova - CSS-triki

Anonim

flex-basisLastnost 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 flexstenografiji izpuščena , je navedena vrednost dolžina nič.

Vrednost flex-osnova, nastavljena na autovelikost 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).