具体的使用方式如下：
/* 语法 */
flex-grow: number;
/* 示例 */
.item {
flex-grow: 2; /* 项目在弹性容器中会比其他项目更快地增长，分配更多的空间 */
}
- number: 定义了项目的放大比例。默认值为 0，表示项目不会放大。
在弹性盒子中，当弹性容器具有剩余空间时，flex-grow 决定了项目分配这些额外空间的比例。这是一个相对值，用于表示项目相对于其他项目的增长比例。
如果所有项目的 flex-grow 都为 1，它们将等分剩余空间。如果一个项目的 flex-grow 为 2，而另一个项目的 flex-grow 为 1，前者将分配比后者多一倍的额外空间。
以下是一个简单的例子：
.container {
display: flex;
}
.item1 {
flex-grow: 1; /* 默认值，等分剩余空间 */
}
.item2 {
flex-grow: 2; /* 分配的空间是 item1 的两倍 */
}
这样，当容器有额外的空间时，item2 会获得比 item1 多一倍的空间。
转载请注明出处：http://www.zyzy.cn/article/detail/6069/CSS