flex:1 的含义
flex-grow:0
flex-shrink:1
flex-basis:auto
flex属性
flex-grow
-
项目的放大比例
-
默认为0，即如果存在剩余空间，也不放大
-
一个项目的flex-grow属性为2，其他项目都为1
- 前者占据的剩余空间将比其他项多一倍
flex-shrink
-
项目的缩小比例
-
默认为1，即如果空间不足，该项目将缩小
-
如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小
-
如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小
flex-basis
-
默认值为auto，即项目的本来大小
-
可以设置跟width或height属性一样的值（比如350px）=> 项目将占据固定空间
flex-direction
- row
justify-content
align-items
align-content
flex-wrap
-
决定了flex container 是单行还是多行
-
nowrap(默认)：单行
-
warp：多行 //这个比较少用
-
wrap-reverse 多行（对比wrap，cross start 与cross end相反）
