css box布局

概念：按一定比例等比划分容器
如果子容器定义了宽，那么父容器减去宽，剩余的容器宽度在按比例等比划分子元素
如果子元素之间定义了间距，那么父容器减去间距，剩余的容器宽度在按等比划分子元素

box-orient: 子元素的排列方向
如果设置了horizontal，那么当父容器元素设置了高度后，子元素设置了高度则无效，所有子元素的高度等于父容器的高度，如果父元素没有设置高度，子元素设置的最大高度赋予父容器
box-direction：子元素的排列顺序 normal reverse

box-flex: 等比例

box-align: 子元素的垂直对齐方式
  start: 顶部对齐
  end: 底部对齐
  center: 居中

box-pack: 子元素的水平对齐方式
  start: 水平居左对齐
  end: 水平居右对齐
  center: 水平居中对齐
  justify: 水平等分父容器宽度