CSS -webkit-box的属性



-webkit-box-orient子元素排列方向 horizontal | vertical |inline-axis | block-axis | inherit，其中默认值是inline-axis，即横向排列

-webkit-box-flex 子元素之间比例，仅作一个系数

-webkit-box-direction 子元素排列顺序 normal | reverse |inherit，其中默认值是normal

-webkit-box-flex-group 以组为单位的流体系数

-webkit-box-ordinal-group 以组为单位的子元素排列方向

-webkit-box-lines子元素是否换行，类似word-wrap和word-break的作用

-webkit-box-align 子元素垂直方向的对其方式

-webkit-box-pack 子元素水平方向的对其方式

解决火狐不支持css的zoom属性

IE浏览器和新版chrome都支持css的zoom属性，
zoom: 0.5;
但是目前为止firefox不支持该属性
可以通过下面两个属性实现：-moz-transform，-moz-transform-origin
-moz-transform:scale(0.5);
但是它会缩放到中间，而IE会缩放到左上角，再通过-moz-transform-origin:top left;就可以实现和IE一样的效果了。