CSS基础知识介绍——CSS 3新增的弹性盒模型

弹性盒模型：

决定一个元素在盒子中的分布以及如何处理可用的控件

要使用弹性盒模型，只需设置盒子(box)的display的属性值为：box(不同的浏览器需要添加不同的前缀)

1. box-orient属性： 用来确定盒子中子元素的排列方向

语法如下：
box-orient: horizontal | vertical | inline-axis | block-axis | inherit
horizontal：表示子元素以横向方式排列
vertical：表示子元素以垂直方式排列
inline-axis：表示盒子沿着内联轴显示它的子元素
block-axis：表示盒子沿着块轴显示它的子元素
inherit：表示继承上级元素的显示顺序

目前没有浏览器支持 box-orient 属性。

Firefox 支持替代的 -moz-box-orient 属性。

Safari、Opera 以及 Chrome 支持替代的 -webkit-box-orient 属性。

2. box-direction属性：用来确定盒子中子元素的排列顺序

语法如下：
box-direction：normal | reverse | inherit
normal：默认值，表示正常顺序排列，从左往右，由上至下
reverse：表示和normal颠倒次序，从右往左，由下至上
inherit&