- order
用于定義排列順序 越小越靠前 - flex-grow
放大比例
如果所有項(xiàng)目的flex-grow屬性都為1，則它們將等分剩余空間（如果有的話）。
如果一個項(xiàng)目的flex-grow屬性為2，其他項(xiàng)目都為1，則前者占據(jù)的剩余空間將比其他項(xiàng)多一倍。
image - flex-shrink
縮小比例
如果所有項(xiàng)目的flex-shrink屬性都為1，當(dāng)空間不足時，都將等比例縮小。
如果一個項(xiàng)目的flex-shrink屬性為0，其他項(xiàng)目都為1，則空間不足時，前者不縮小。
image - flex-basis
在分配多余空間之前，項(xiàng)目占據(jù)的主軸空間
它可以設(shè)為跟width或height屬性一樣的值（比如350px），則項(xiàng)目將占據(jù)固定空間 - flex
是flex-grow, flex-shrink 和 flex-basis的簡寫
該屬性有兩個快捷值：auto (1 1 auto) 和 none (0 0 auto)。
建議優(yōu)先使用這個屬性，而不是單獨(dú)寫三個分離的屬性 - align-self
屬性允許單個項(xiàng)目有與其他項(xiàng)目不一樣的對齊方式，可覆蓋align-items屬性
參考資料：
廖雪峰 flex布局 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
練習(xí) http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
