trevoga_su
@trevoga_su

Как сделать 3 колонки с помощью flex, если две крайние должны быть фиксированные?

Привет всем.
Попытался с помощью flex сделать 3 колонки.
Две крайние должны быть фиксированной ширины, центральная - 100%.
Кто-нибудь делал подобное?
Растянуть центральную колонку не получается никак.
  • Вопрос задан
  • 2802 просмотра
Решения вопроса 3
nazarpc
@nazarpc
Open Source enthusiast
Задайте центральной колонке:
-ms-flex: 1 1 0.000000001px;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 0.000000001px;
flex-basis: 0.000000001px;

Это с учётом вендорных префиксов - она растянется на всё свободное место.
Ответ написан
trevoga_su
@trevoga_su Автор вопроса
дополню на всякий случай:решается установкой flex-grow: 1 на центральную колонку https://jsfiddle.net/n9aqg9vh/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы