flex-grow
属性可以设置flex容器中的伸展项(flex item)在剩余空间中的伸展比例。具体来说,它指定了伸展项相对于其他伸展项的伸展比例。这个属性可以接收一个非负数值作为参数,表示伸展项的伸展比例。如果一个伸展项的flex-grow
的值为1,而另一个伸展项的flex-grow
的值为2,那么后者将获得的剩余空间将是前者的两倍。
需要注意的是,只有设置了flex-grow
属性的伸展项才能够在剩余空间中进行伸展。如果所有的伸展项都没有设置flex-grow
属性,那么它们将不会占用任何剩余空间。
除了flex-grow
属性,还有flex-shrink
属性和flex-basis
属性可以用来控制伸展项在空间不足时的收缩行为和初始尺寸。这三个属性通常一起使用,组成flex
属性的缩写形式。
参考链接:MDN-flex-grow