@freeman0204

Почему в данном случаи картинки сплющивает?

Код Если в блоке мало текста то все ок, а если много то картинки по разному сплющиваются по горизонтали, одна чуть меньше одна чуть больше. Почему так происходит? Для картинки указана конкретная ширина и высота, такого же не должно быть?

Может во всем виноват?
display: flex;
  justify-content: space-between;
  • Вопрос задан
  • 847 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Укажите, что изображению нельзя сжиматься - flex-shrink: 0;
В контексте флексбоксов любой элемент ведет себя как флекс блок. Ширина такого блока рассчитывается исходя из содержимого и параметров flex-grow, flex-shrink, flex-basis.
Можно еще использовать для ограничений max-width, min-width, но я считаю, в данном контексте это костыль.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
LenovoId
@LenovoId
I want, women not to get sick
я там посмотрел ваш пример и добавил и убавил текст изображение какое было такое и осталось
Ответ написан
Ваш ответ на вопрос

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

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