首页 > 代码库 > 不固定宽度 浮动元素实现 水平居中

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

 

两种方法

前提 父元素 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种方法

 

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