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

flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。

浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。使用语法和示例

小白教程网www.2d5.net

代码如下:

.item { flex-basis: <length> | auto; /* default auto */ }

它可以设为跟widthheight属性一样的值(比如350px),则项目将占据固定空间。

大家可以下尝试百分比的设置。


上一篇: 缩小比例(flex-shrink) 下一篇: flex综合属性设置
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)