Лучшее руководство по CSS Flex термоусадочные свойства в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение и использование,CSS Синтаксис,Значение свойства,Статьи по Теме,

CSS Flex термоусадочные свойства

CSS Reference CSS Reference


примеров

Пусть второй элемент сократится до трети других элементов:

div:nth-of-type(2) {flex-shrink: 3;}

Попробуйте »

Поддержка браузеров

Цифры в таблице представляют первый браузер для поддержки номер версии недвижимости.

Сразу же после цифровой -webkit-, -ms- или -moz- после первой версии для поддержки свойством префикса.

свойство
изгибаться термоусадочные 29,0
21,0 -webkit-
11,0
10,0 -ms-
28,0
18,0 -moz-
9.0
6.1 -webkit-
17,0

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

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

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

По умолчанию: 1
Наследование: Нет
Может быть анимированы: Да. Пожалуйста , обратитесь к анимации (Animatable) . пробовать
Версия: CSS3
Синтаксис JavaScript: объект .style.flexShrink = "5"попробовать


CSS Синтаксис

flex-shrink:number|initial|inherit;

Значение свойства

描述
number 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit


Статьи по Теме

CSS Ссылка: Flex Properties

CSS Справочное руководство: Flex-Базисность

CSS Справочное руководство: Flex-направление недвижимости

CSS Справочное руководство: Свойства Flex-Flow

CSS Справочное руководство: Flex-Grow недвижимость

CSS Reference Manual: Flex-обертка свойство


CSS Reference CSS Reference