位置:电子教程 > 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(微信同号)