当前阅读教程:Flex Box小程序应用 > 项目占据的主轴空间(flex-basis) | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 缩小比例(flex-shrink) | 下一篇: flex综合属性设置 |
flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。 浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。使用语法和示例 代码如下: .item { flex-basis: <length> | auto; /* default auto */ } 它可以设为跟width或height属性一样的值(比如350px),则项目将占据固定空间。 大家可以下尝试百分比的设置。 |
|
上一篇: 缩小比例(flex-shrink) | 下一篇: flex综合属性设置 |