首页 > 其他 > 详细

盒布局

时间:2014-06-06 10:39:22      阅读:464      评论:0      收藏:0      [点我收藏+]

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

盒布局

原文:http://www.cnblogs.com/invincible-hehe/p/3767266.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!