web中让几个横向排列的浮动子div居中显示的方法

这篇文章将为大家详细讲解有关WEB中让几个横向排列的浮动子div居中显示的方法，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

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

代码如下:

<div id="outerdiv" >
<div id="containerdiv" >
<div id="float1" > </div>
<div id="float2" > </div>
</div>
</div>

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

关于web中让几个横向排列的浮动子div居中显示的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。