@sadaffairs

Почему последний flex-item не сохраняет ширину других flex-item'ов?

Код.
Попробуйте изменить ширину экрана — блоки внутри flex-контейнера подстраиваются под ширину и переносятся на следующий ряд. Проблема состоит в том, что блоки из последнего ряда flex-item'ов не сохраняют заданную ширину в 150 пикселей, растягиваясь таким образом, чтобы заполнить все пустое оставшееся пространство. Как сделать так, чтобы flex-item'ы из последнего ряда не занимали всё свободное место?
  • Вопрос задан
  • 238 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
В определенных случаях - можно: codepen.io/anon/pen/mRvdeK
(Определенные случаи зависят от количества блоков-айтемов и ширины контейнера)
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
aliencash
@aliencash
Партизан
Потому что вы позволили item'ам растягиваться - flex: 1 1 150px;
Замените на flex: 0 1 150px;
Ответ написан
IonDen
@IonDen
JavaScript developer. IonDen.com
Таково поведение flex-элементов по задумке авторов.

Вы можете контролировать их размеры в определенных пределах заданием приоритета и т.п. Но их ширину нельзя зафиксировать.
Ответ написан
@ch-aqwer
Flex элементам нельзя margin давать.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы