http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

<!-- 
# 彈性盒模型
- 注意在使用彈性盒模型的時候 父元素必須要加display:box 或 display:inline-box
    + 注意區別（設置box表現的像block, ）
- Box-orient 定義盒模型的布局方向（定義在父元素上）
    + Horizontal 水平顯示
    + vertical 垂直方向
- box-direction 元素排列順序（定義在父元素上）
    + Normal 正序
    + Reverse 反序
- box-ordinal-group 設置元素的具體位置（定義在子元素上）
    + 相當于設置了優先級, 一個設置３，　一個設置６，６肯定排在３的前面


－　Box-flex 定義盒子的彈性空間（定義在子元素上）
　　＋　子元素的尺寸=盒子的尺寸*子元素的box-flex屬性值 / 所有子元素的box-flex屬性值的和 
－　box-pack 對盒子富裕的空間進行管理（定義在父元素上）
    ＋　Start 所有子元素在盒子左側顯示，富裕空間在右側
    ＋　End 所有子元素在盒子右側顯示，富裕空間在左側
    ＋　Center 所有子元素居中
    ＋　Justify 富余空間在子元素之間平均分布

－　box-align 在垂直方向上對元素的位置進行管理（定義在父元素上）
    ＋　Star 所有子元素在據頂
    ＋　End 所有子元素在據底
    ＋　Center 所有子元素居中
 -->