flex 六個屬性：
- order
- flex-grow
- flex-shrink
- flex-basis
- flex
- align-self
- order
一、 order 屬性定義項目的排列順序。數(shù)值越小，排列越靠前，默認為 0。有了這個屬性，可以調(diào)整在 HTML 中出現(xiàn)的順序。
order: <integer>;
二、flex-grow
flex-grow 屬性定義項目的放大比例，默認為 0，即如果存在剩余空間，也不放大。
flex-grow:<number>;
三、flex-shrink
flex-shrink 屬性定義了項目的縮小比例，默認為 1，即如果空間不足，該項目將縮小。
flex-shrink:<number>;
如果所有項目的 flex-shrink 屬性都為 1，當空間不足時，都將等比例縮小。如果一個項目的 flex-shrink 屬性為 0，其他項目都為 1，則空間不足時，前者不縮小。
四、flex-basis
flex-basis 屬性定義了在分配多余空間之前，項目占據(jù)的主軸空間（main size）。類似于設(shè)置了 width 屬性。
flex
flex 屬性是 flex-grow, flex-shrink 和 flex-basis 的簡寫，默認值為 0 1 auto。后兩個屬性可選。
五、align-self
align-self 屬性允許單個項目有與其他項目不一樣的對齊方式，可覆蓋 align-items 屬性。默認值為 auto，表示繼承父元素的 align-items 屬性，如果沒有父元素，則等同于 stretch。
align-self: auto | flex-start | flex-end | center | baseline | stretch;
