您的当前位置:首页正文

微信小程序样式Flex Box精通课程-Flex项目的属性-flex-basis项目占据的主轴空间

2024-11-25 来源:个人技术集锦

flex-basis项目占据的主轴空间

微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:

flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。
浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。

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

它可以设为跟width或height属性一样的值(比如350px),则项目将占据固定空间。
尝试百分比的设置

显示全文