弹性盒子中 flex: 0 1 auto

最新推荐文章于 2023-09-13 16:21:52 发布

如花菇凉

最新推荐文章于 2023-09-13 16:21:52 发布

阅读量210

点赞数

分类专栏： VUE 前端文章标签： css3 css html

本文链接：https://blog.csdn.net/u012174809/article/details/122343413

版权

前端同时被 2 个专栏收录

179 篇文章 4 订阅

订阅专栏

VUE

146 篇文章 5 订阅

订阅专栏

.item {
flex-grow: 0; // 增长比例，子项合计宽度小于容器宽度，需要根据每个子项设置的此属性比例对剩下的长度进行分配
flex-shrink: 1; // 回缩比例，子项合计宽度大于容器宽度，需要根据每个子项设置的此属性比例对多出的长度进行分配
flex-basis: auto; // 设置了宽度跟宽度走，没设置宽度跟内容实际宽度走
}

具体见

flex:1及flex取值的理解 - 简书