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