Свойство flex-shrink определяет то,
насколько flex-блок будет уменьшаться относительно
соседних элементов внутри flex-контейнера
в случае недостатка свободного места.
Например, если все flex-блоки внутри flex-контейнера
имеют flex-shrink:1, то они будут
одинакового размера. Если один из них имеет
flex-shrink:2, то он будет в 2
раза больше, чем все остальные.
Применяется к: конкретному flex блоку.
Данное свойство входит в свойство-сокращение
flex.
Синтаксис
селектор {
flex-shrink: положительное число;
}
Значение по умолчанию: 1.
Смотрите также
-
свойство
flex-direction,
которое задает направление осей flex блоков -
свойство
justify-content,
которое задает выравнивание по главной оси -
свойство
align-items,
которое задает выравнивание по поперечной оси -
свойство
flex-wrap,
которое многострочность flex блоков -
свойство
flex-flow,
сокращение для flex-direction и flex-wrap -
свойство
order,
которое задает порядок flex блоков -
свойство
align-self,
которое задает выравнивание одного блока -
свойство
flex-basis,
которое задает размер конкретного flex блока -
свойство
flex-grow,
которое задает жадность flex блоков -
свойство
flex-shrink,
которое задает сжимаемость flex блоков -
свойство
flex,
сокращение для flex-grow, flex-shrink и flex-basis