Флекс-основа - ЦСС-трикови

Anonim

flex-basisИмовина је под-својство Флексибилна кутија Лаиоут модула.

Одређује почетну величину флекс јединице, пре него што се расположиви простор распореди према факторима флексије. Када је изостављен из flexстенографије, његова наведена вредност је нула дужине.

Вредност флекс-основа постављена за autoдимензионисање елемента према његовом својству величине (која сама по себи може бити кључна реч auto, која елемент одређује на основу његовог садржаја).

Синтакса

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

Имајте на уму да су негативне дужине као и за било коју ширину неважеће.

Демо

Погледајте ову оловку!

Подршка прегледача

  • (модерно) значи недавну синтаксу из спецификације (нпр. display: flex;)
  • (хибрид) значи чудну незваничну синтаксу из 2011. године (нпр. display: flexbox;)
  • (стара) значи стара синтакса из 2009. године (нпр. display: box;)
Хром Сафари Фирефок Опера ИЕ Андроид иОС
21+ (модерно)
20- (старо)
3,1+ (старо) 2-21 (стари)
22+ (нови)
12,1+ (модерно) 10+ (хибридно) 2,1+ (старо) 3,2+ (стара)

Прегледач Блацкберри 10+ подржава нову синтаксу.

За више информација о томе како мешати синтаксе како бисте добили најбољу подршку за прегледач, погледајте овај чланак (ЦСС-трикови) или овај чланак (ДевОпера).