@Senseich

Элементы flex-box сжимаются даже с заданной шириной. Это нормальное поведение?

Начал изучать flex-box. Подскажите, это нормально когда у элементов задана ширина, но при уменьшении экрана блоки всё равно сжимаются. Так и должно быть у флексов? Если да, то как сделать чтобы флекс не сжимался , а перескакивал на следующую строчку? Вот пример, в котором я это увидел: https://jsfiddle.net/api/post/library/pure/
  • Вопрос задан
  • 9331 просмотр
Пригласить эксперта
Ответы на вопрос 4
Hardwit
@Hardwit
Front-end Developer
Для того, что бы перескакивали, нужно добавить свойство flex-wrap: wrap;
Ответ написан
Комментировать
@sewaca
flex-shrink: 0; и никаких min-width не надо уже
Ответ написан
Комментировать
Amirez
@Amirez
В чем секрет кота Бориса?
Да, это нормально поведение флекс-элементов. Для переноса flex-wrap, как говорили выше(почти тоже что white-space). min-width тебе в помощь. Прочти для чего нужны flex-basis, flex-grow и flex-shrink(пригодится, если будешь делать липкий футер)
Ответ написан
Комментировать
@skeevy
Frontend WebDev
html5.by/blog/flexbox - тут подробное описание, и уделено внимание flex-wrap, как написано выше
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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