Вы здесь

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

Свойство flex-basis задает базовую ширину флекс-элемента, относительно которой будет происходить растяжение (свойство flex-grow) или сужение (свойство flex-shrink) элемента. Похоже на свойства width и height, к которым добавляется содержимое элемента.

CSS синтаксис

flex-basis: ширина | auto | initial | inherit;

Возможные значения

Значение Описание
ширина Ширина элемента задается в px, %, em и других единицах измерения CSS.
auto Значение по умолчанию. Элемент получает базовую ширину, соответствующую ширине контента внутри него, если она не задана явно.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем начальную ширину каждого второго флекс-элемента в 80px


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