Question

flex属性详解0，1，auto分别什么意思

Answer 1

1.当flex取值为none时，则计算值为0 0 auto，如下两种写法是等同的

2.当flex取值为auto时，则计算值为1 1 auto，如下两种写法是等同的

3.当flex取一个非负数字时，为flex-grow的值，flex-shrink取1，flex-basis取0%，如下两种写法是等同的

4.当flex取一个长度或者百分比时，为flex-basis的值，flex-grow取1，flex-shrink取1，如下两种写法是等同的

5.当flex取值为两个非负数字时，则分别为flex-grow、flex-shrink的值，flex-basis为0%。如下两种写法是等同的

6.当flex取值为一个非负数字和长度或百分比时，分别为flex-grow、flex-basis的值，flex-shrink取1。如下两种写法是等同的

三个参数分别对应的是 flex-grow, flex-shrink 和 flex-basis，默认值为 0 1 auto。
1.flex-grow 属性定义项目的放大比例，默认为 0，即如果存在剩余空间，也不放大。
2.flex-shrink 属性定义了项目的缩小比例，默认为 1，即如果空间不足，该项目将缩小。
3.flex-basis 属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。

1.宽度

2.内置调节大小的关键字

3.根据内容自动调节大小

4.全局值