Свойство 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