В flex-basisимота е под-собственост на модула гъвкави полета Разпределение на.
Той определя първоначалния размер на елемента на гъвкавост, преди да се разпредели наличното пространство според факторите на огъване. Когато е пропуснато от flexстенограмата, неговата определена стойност е нулата на дължината.
Стойност на базата на гъвкавост, зададена да autoоразмерява елемента според неговото свойство за размер (което може да бъде ключовата дума auto, която оразмерява елемента въз основа на съдържанието му).
Синтаксис
flex-basis: .flex-item ( flex-basis: 100px; )Моля, обърнете внимание, че както за всяка ширина, отрицателните дължини са невалидни.
Демонстрация
Поддръжка на браузър
- (модерно) означава скорошния синтаксис от спецификацията (напр.
display: flex;) - (хибрид) означава странен неофициален синтаксис от 2011 г. (напр.
display: flexbox;) - (стар) означава стария синтаксис от 2009 г. (напр.
display: box;)
| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (модерен) 20- (стар) | 3.1+ (стари) | 2-21 (стар) 22+ (нов) | 12.1+ (модерен) | 10+ (хибридни) | 2.1+ (стари) | 3.2+ (стари) |
Браузърът Blackberry 10+ поддържа новия синтаксис.
За повече информация как да смесвате синтаксиси, за да получите най-добрата поддръжка на браузъра, моля, вижте тази статия (CSS-трикове) или тази статия (DevOpera).