@eugene159

Как работают одновременно заданные flex-grow: 1 и flex-shrink: 1? Разве они не противоречат друг другу?

Иногда в коде я видел такое:
flex-grow: 1;
flex-shrink: 1;

Как они работают вместе? Я набросал пример на jsfiddle, но там понять логику не получается.
Разве эти свойства не противоречат друг другу? flex-grow увеличивает ширину (относительно других элементов в пределах flex-контейнера, делая элемент "жадным"), а flex-shrink - уменьшает (делая элемент "щедрым").
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
mmmaaak
@mmmaaak
flex-grow задает поведение дочерних элементов, когда ширина контейнера больше, чем общая ширина дочерних элементов, грубо говоря как они будут занимать появившееся пространство
flex-shrink задает поведение, когда ширина контейнера меньше общей ширины дочерних элементов, грубо говоря, как будут вести себя дочерние элементы, когда места на всех не хватает, кто как будет ужиматься
Ответ написан
Ваш ответ на вопрос

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

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