flex-grow

描述

适用于:flex子项

CSS属性 flex-grow设置了一个flex子项主尺寸的增长系数。它指定了flex容器中剩余空间的多少应该分配给flex子项(flex增长系数)。

主尺寸是项的宽度或高度,这取决于flex-direction值,flex-direction为row时表示宽度,flex-direction为column时表示高度。

取值

  • <number>

    负值无效,默认为0。

语法

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

/* 全局 values */
flex-grow: inherit;
flex-grow: initial;
flex-grow: unset;

兼容性