CSS flex-basis Свойство

Установите начальную длину второго гибкого элемента на 100 пикселей:

div:nth-of-type(2) {
-webkit-flex-basis: 100px; /* Safari 6.1+ */
flex-basis: 100px;
}

Определение и использование

Свойство flex-basis указывает начальную длину гибкого элемента.

Примечание: Если элемент не является гибким элементом, свойство flex-basis не имеет эффекта.

Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Номера followed by -webkit- or -moz- Укажат первую версию, которая работала с префиксом.

Свойство
flex-basis	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

flex-basis: number|auto|initial|inherit;

Значение	Описание
number	Единица длины или процент, указывающий начальную длину гибкого элемента
auto	Значение по умолчанию. Длина равна длине гибкого элемента. Если элемент не имеет указанную длину, длина будет в соответствии с его содержанием
initial	Присваивает этому свойству значение по умолчанию. (Читайте о initial)
inherit	Наследует это свойство из родительского элемента. (Читайте о inherit)