码迷,mamicode.com
首页 > 其他好文 > 详细

不固定宽度 浮动元素实现 水平居中

时间:2017-06-23 13:08:40      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:资料   html   float   flow   zha   ext   nbsp   bsp   png   

 

两种方法

前提 父元素 overflow:hidden;子元素float:left;宽度都是不固定的

1.父元素 text-align:center;font-size:0;子元素 display:inline-block;font-size:14px;

font-size设置为了解决inline-block的间距问题

父元素截图 HTML结构

技术分享

子元素截图 

技术分享

参考资料:

宽度不固定元素水平居中

去除inline-block元素间间距的N种方法

 

不固定宽度 浮动元素实现 水平居中

标签:资料   html   float   flow   zha   ext   nbsp   bsp   png   

原文地址:http://www.cnblogs.com/xxx91hx/p/7069048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!