个人对flex-basis的理解

首页课程实战体系课手记专栏慕课教程

个人对flex-basis的理解

来源：4-7 flex-basis属性

Mr_sen

2017-12-15 02:22:40

一般的说法是：伸缩项目分配的空间 = 伸缩容器的空间 – basis设置的空间 – 内容所占的空间

在这里，先讲一下内容所占的空间，如果某个div设置有width，那么width值就是其内容所占空间，若么有，那么就是其中，文字等内容所占的空间。

basis，就牛掰啦，只要设置了其的值，即使后面对其再设置了width值，也是会被直接忽视，其实这就是一个整体与局部的级别问题（在这不深究）。

故而我想稍稍改一下说法，

伸缩项目分配的空间 = 伸缩容器的空间 – basis设置的空间 – 各个子元素的width（若无则为内容所占的空间）

写回答

1回答

怎么都被占用了呢

2017-12-15

某个子元素设置了basis，再对其设置width值，也是会被直接忽视。那计算伸缩项目分配的空间的空间时，就不必再减去该元素的width值了，所以：伸缩项目分配的空间 = 伸缩容器的空间 – basis设置的空间 – 其他子元素的width（若无则为内容所占的空间）。是不是更严谨些呢。

0 学习 · 5012 问题

相似问题

回答 2

回答 2

回答 1

回答 2

回答 1