位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程:Flex Box语法教程 > flex综合属性设置
阅读(22555525)      收藏       赞(5685)      分享
上一篇: flex-basis项目占据的主轴空间 下一篇: align-self(子元素上中下的设置)

flex属性是flex-grow, flex-shrink flex-basis的简写,默认值为0 1 auto。后两个属性可选。

.item {
     flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}

该属性有两个快捷值:auto (1 1 auto) none (0 0 auto)

建议优先使用这个属性,而不是单独写三个分离的属性,因为浏览器会推算相关值


上一篇: flex-basis项目占据的主轴空间 下一篇: align-self(子元素上中下的设置)
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)