盒布局

display:box;display:-webkit-box;display:-moz-box;来设置元素为盒元素。
box-flex:num;-webkit-box-flex:num;-moz-box-flex:num;来设置元素的弹性布局。
注意:元素的弹性布局增加的长度为((盒子总长度-已有的元素的长度)/各个设置了box-flex属性的值的和)*对应的box-flex的值。
box-ordinal-group:num;-webkit-box-ordinal-group:num;-moz-box-ordinal-group:num;改变个元素的显示顺序。
box-orient:vertical/horizontal;-webkit-box-orient:vertical/horizontal;-moz-box-orient:vertical/horizontal;改变元素的排列方向。
box-align:start/center/end;-webkit-box-align:start/center/end;-moz-box-align:start/center/end;盒子里内容水平对齐方式。
box-pack:start/center/end;-webkit-box-pack:start/center/end;-moz-box-pack:start/center/end;盒子里内容水平对齐方式。

原文地址:https://www.cnblogs.com/invincible-hehe/p/3767266.html