CSS flex-shrink Property

Пусть второй гибкий элемент-сжиматься в три раза больше, чем остальные:

/* Safari 6.1+ */
div:nth-of-type(2) {
-webkit-flex-shrink: 3;
}

/* Standard syntax */
div:nth-of-type(2) {
flex-shrink: 3;
}

Определение и использование

Flex термоусадочные свойство определяет, как элемент будет сжиматься по отношению к остальной части гибких элементов внутри того же контейнера.

Note: Если элемент не является гибким элемент, гибкий термоусадочные свойство не имеет никакого эффекта.

Значение по умолчанию:	1
Наследование:	no
Animatable:	yes. Read about animatable Try it
Версия:	CSS3
Синтаксис JavaScript:	object .style.flexShrink="5" Try it

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Числа следуют -webkit- или -moz- указать первую версию, которая работала с приставкой.

Имущество
flex-shrink	29,0 21,0 -webkit-	11,0	28,0 18,0 -moz-	9.0 6.1 -webkit-	17,0

flex-shrink:number|initial|inherit;

Стоимость	Описание	Сыграй
number	Число, указывающее, сколько элемент будет сжиматься по отношению к остальной части гибких элементов. Значение по умолчанию равно 1	Сыграй "
initial	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный	Сыграй "
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать