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

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


－　Box-flex 定義盒子的彈性空間（定義在子元素上）
　?。∽釉氐某叽?盒子的尺寸*子元素的box-flex屬性值 / 所有子元素的box-flex屬性值的和 
－　box-pack 對(duì)盒子富裕的空間進(jìn)行管理（定義在父元素上）
    ＋　Start 所有子元素在盒子左側(cè)顯示，富?？臻g在右側(cè)
    ＋　End 所有子元素在盒子右側(cè)顯示，富?？臻g在左側(cè)
    ＋　Center 所有子元素居中
    ＋　Justify 富余空間在子元素之間平均分布

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