CSS伸缩盒（旧）

伸缩盒：是一种布局模式——flexbox布局。可以实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变。

1. 属性

1. box-orient：伸缩盒对象的子元素的排列方式

1. 值：

<1>horizontal：水平排列

<2>vertical：垂直排列

2. box-pack：垂直居中
3. box-align：水平居中
4. box-flex：伸缩盒对象的子元素如何分配其剩余空间（就是为每一个子元素添加比例），直接是跟一个数字就行。会按比例填满父级元素
5. box-direction：伸缩盒对象的子元素的排列顺序是否反转

1. 值：

<1>normal：正常排列

<2>reverse：反转

6. 在css中写display：-webkit-box把某个容器变为一个盒子