Что такое Flex basis

Flex basis определяет начальный размер flex-элемента до распределения свободного пространства. Это базовая ширина (для row) или высота (для column) элемента до применения flex-grow/flex-shrink.

Пример:

.container {
  display: flex;
}
.item {
  flex-basis: 200px; /* Начальная ширина 200px */
}

Особенности:

• По умолчанию auto (размер по содержимому)
• Может задаваться в px, %, em и других единицах
• Влияет на расчет свободного пространства
• Если flex-direction: column, определяет начальную высоту

Flex basis работает вместе с flex-grow и flex-shrink для гибкого управления размерами в flex-контейнере.