位置:电子教程 > Flex Box小程序应用 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex Box基本概念
Flex容器的属性
Flex项目的属性
Flex布局样例
当前阅读教程:Flex Box小程序应用 > flex综合属性设置
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 项目占据的主轴空间(flex-basis) 下一篇: 子元素的对齐(align-self)

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

使用语法和代码示例

小白教程网www.2d5.net

如下:

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

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

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


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