flex-basis属性

干啥的？

规定元素的初始宽度。

那为啥不用width？width也可以，大概是因为为了创建一个flex体系？目前没发现width有不能替代flex-basis的地方

<style>
.fbox {
  display: flex;
  width: 250px; background-color:gray;
}
.child {
  background-color:green;
  margin: 3px;
  flex-basis: 60px;
}
</style>

<div class=fbox>
<div class="child">div1</div>
<div class="child">div2 long</div>
<div class="child">div3</div>
</div>

结果

image.png

参考

flex-grow、flex-shrink、flex-basis详解 - 简书

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容