flex属性：flex:0|1|auto

flex属性是flex-grow:存在剩余空间时放大比例(默认值是0)、flex-shrik:空间不足时，缩小比例(默认值是1)、flex-basis(默认是auto，即项目本来的大小)的缩写。

flex:0 === flex-grow:0; flex-shrik: 1; flex-basis: 0%

flex:1 === flex-grow:1; flex-shrik: 1; flex-basis: 0%(忽略自身宽度)

flex:auto === flex-grow:1; flex-shrik: 1; flex-basis: auto

• 

  flex:1适合等分布局；
• flex:auto适合基于内容动态适配的布局；