Лучшее руководство по CSS Flex вырастали атрибут в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение и использование,CSS Синтаксис,Значение свойства,Статьи по Теме,
CSS Flex вырастали атрибут
примеров
Так что второй элемент в три раза больше ширины остальных элементов:
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}
Попробуйте »
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии недвижимости.
Сразу же после цифровой -webkit-, -ms- или -moz- после первой версии для поддержки свойством префикса.
| свойство | |||||
|---|---|---|---|---|---|
| Flex-расти | 29,0 21,0 -webkit- | 11,0 10,0 -ms- | 28,0 18,0 -moz- | 9.0 6.1 -webkit- | 17,0 |
Определение и использование
Flex вырастали атрибут используется для установки или извлечения гибкий коэффициент расширения сумка. ,
Примечание: Если элемент не упругий объект элемент коробки, гибкий вырастали свойство не работает.
| По умолчанию: | 0 |
|---|---|
| Наследование: | Нет |
| Может быть анимированы: | Да. Пожалуйста , обратитесь к анимации (Animatable) . пробовать |
| Версия: | CSS3 |
| Синтаксис JavaScript: | объект .style.flexGrow = "5"попробовать |
CSS Синтаксис
Значение свойства
| 值 | 描述 |
|---|---|
| number | 一个数字，规定项目将相对于其他灵活的项目进行扩展的量。默认值是 0。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
Статьи по Теме
CSS Ссылка: Flex Properties
CSS Справочное руководство: Flex-Базисность
CSS Справочное руководство: Flex-направление недвижимости
CSS Справочное руководство: Свойства Flex-Flow
CSS Reference Manual: Flex-Shrink недвижимость
CSS Reference Manual: Flex-обертка свойство
