CSS flex-grow 属性

让第二个弹性项目比其余项目宽三倍：

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

定义和用法

这个flex-grow属性指定该项目相对于同一容器内的其余灵活项目的增长量。

笔记：如果该元素不是灵活项，则flex-grow属性没有影响。

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
flex-grow	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

flex-grow: number|initial|inherit;

Value	Description	Play it
number	A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit