位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程:Flex Box语法教程 > flex-grow项目的放大比例
阅读(22555525)      收藏       赞(5685)      分享
上一篇: order子元素的排序 下一篇: flex-shrink项目的缩小比例

flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。

.item {
     flex-grow: <number>; /* default 0 */
}


image.png

如果所有项目的flex-grow属性都为1,则它们将等分剩余空间(如果有的话)。

如果一个项目的flex-grow属性为2,其他项目都为1,则前者占据的剩余空间将比其他项多一倍。


上一篇: order子元素的排序 下一篇: flex-shrink项目的缩小比例
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)