盒布局

时间:2014-06-06 10:40:17   收藏:0   阅读:245

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;盒子里内容水平对齐方式。

盒布局,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!