#flex-grow

#介绍

定义弹性项目在主轴的增长系数。这个属性规定了 flex-grow 项在弹性容器中分配剩余空间的相对比例。主尺寸是项的宽度或高度，这取决于 flex-direction 值。

剩余空间是弹性容器的大小减去所有弹性项目的大小加起来的大小。如果所有的兄弟项目都有相同的 flex-grow 系数，那么所有的项目将剩余空间按相同比例分配，否则将根据不同的 flex-grow 定义的比例进行分配。

flex-grow 与其他的 flex 属性 flex-shrink 和 flex-basis 一起使用，通常使用 flex 速记来定义，以确保所有的值都被设置。

#使用示例

css-apisrc/flex-grow/App.tsx

预览

#语法

/* <number> 值 */
flex-grow: 3;
flex-grow: 0.6;

#取值

• <number>

  负值无效，默认值为 0。

#形式定义

#形式语法

flex-grow = <number>

#兼容性

LCD tables only load in the browser