Fleksibilna osnova - CSS-trikovi

Anonim

flex-basisNekretnina je pod-vlasništvo Fleksibilna Box Izgled modula.

Određuje početnu veličinu fleks jedinice, prije nego što se raspoloživi prostor rasporedi prema faktorima fleksa. Kad se iz flexstenografije izostavi , navedena vrijednost je duljina nula.

Vrijednost flex-osnova postavljena je za autodimenzioniranje elementa prema njegovom svojstvu size (što i sama može biti ključna riječ autokoja element određuje na temelju njegovog sadržaja).

Sintaksa

flex-basis: .flex-item ( flex-basis: 100px; )

Napominjemo da su negativne duljine kao i za bilo koju širinu nevaljane.

Demo

Pogledajte ovu olovku!

Podrška preglednika

  • (moderno) znači nedavnu sintaksu iz specifikacije (npr. display: flex;)
  • (hibrid) znači neobičnu neslužbenu sintaksu iz 2011. (npr. display: flexbox;)
  • (stara) znači stara sintaksa iz 2009. (npr. display: box;)
Krom Safari Firefox Opera IE Android iOS
21+ (moderno)
20- (staro)
3,1+ (staro) 2-21 (stari)
22+ (novi)
12,1+ (moderno) 10+ (hibridno) 2,1+ (staro) 3,2+ (staro)

Preglednik Blackberry 10+ podržava novu sintaksu.

Za više informacija o tome kako miješati sintakse kako biste dobili najbolju podršku za preglednik, pogledajte ovaj članak (CSS-trikovi) ili ovaj članak (DevOpera).