让横向排列的几个浮动(float:left)的子div居中显示

div设置成float之后，在父div中设置text-align: center ，就无法使子div居中显示了， 不过 我们可以使用变通的方法达到这一效果，就是在父div上再套一个div，如下：

复制代码

代码如下:

<div id="outerdiv" style="text-align:center;">
<div id="cont ai nerdiv" style="overflow:hidden; dis play :inliine-block;">
<div id="float1" style="float:left;"> </div>
<div id="float2" style="float:left;"> </div>
</div>
</div>

这样containerdiv就会在outerdiv的中间显示了。

总结

以上是 为你收集整理的 让横向排列的几个浮动(float:left)的子div居中显示 全部内容，希望文章能够帮你解决 让横向排列的几个浮动(float:left)的子div居中显示 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于让横向排列的几个浮动(float:left)的子div居中显示的详细内容...