flex：1是什么意思？

一尘不染

flex：1是什么意思？

css

我们都知道，柔性属性是一个速记flex-grow，flex-shrink和flex-basis属性。其默认值为0 1 auto。它的意思是：

flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;

但我注意到，在很多地方flex: 1都使用过。是速记1 1 auto还是1 0 auto？我不明白这是什么意思？我在谷歌搜索中找不到任何东西。

阅读 2347

2020-05-16

共1个答案

一尘不染

这里是解释：

flex： <positive-number>等同于flex：<positive-number>10。使flex项目具有弹性，并将flex基础设置为零，从而使该项目接收flex容器中指定比例的可用空间。如果flex容器中的所有项目都使用此模式，则它们的大小将与指定的flex系数成比例。

因此flex:1相当于flex: 1 1 0

2020-05-16