伸缩项目分配空间
来源：4-7 flex-basis属性
光aaaaand影
2019-06-06 09:03:16
请问老师，这个公式里的各个部分分别指什么
写回答
1回答
-
同学你好， 这里可以这样理解
1、 伸缩容器的空间：表示设置了display:flex;属性的父级盒子，这里是指flex-container这个盒子
2、basis设置的空间表示这里的flex-basis的值占据的空间，示例： 这里为“A小乔”设置的值
3、其他子元素的width（若无width则是内容占据的值），示例： 这里没有为其他子元素设置width值，所以计算的内容所占据的值， 如下如圈起来的部分，
其实这里可以简单的理解为，伸缩项目分配空间就是均分父级宽度减去子元素内容占据的宽度（有的子级元素可能设置了width值需要计算width值， 而不是内容撑开的宽度）的空间。
同学可以结合视频中的例子自己下去测试一下，加深理解哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题