css：flex属性值

flex的属性值可以是1个、2个、3个以及关键字属性值

对应：

flex-grow flex-shrink flex-basis

一个值

当这个值为数值，例如：flex: 1;，则这个1表示flex-grow，此时flex-shrink和flex-basis都使用默认值，分别是1和auto。

当这个值为长度值，例如：flex: 100px;，则这个100px表示flex-basis，此时flex-grow和flex-shrink都使用默认值，分别是0和1。

两个值

第一个值表示flex-grow

第二个值根据值的类型不同表示不同的css属性

1. 数值，例如：flex: 1 2;，则这个2表示flex-shrink，此时flex-basis使用默认值auto
2. 长度值，例如：flex: 1 100px;，则这个100px表示flex-basis，此时flex-shrink使用默认值0

三个值

分别表示flex-grow，flex-shrink，flex-basis

• grow是放大

• shrink是收缩

• basis是基准

关键字属性值

flex: initial 等同于 flex: 0 1 auto

flex: auto 等同于 flex: 1 1 auto

flex: none 等同于 flex: 0 0 auto