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

div设置成float之后，就无法使子div居中显示了，那么如何让几个横向排列的浮动的div居中显示呢，下面有个不错的方法，希望对大家有所帮助

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

复制代码

代码如下:

<div id="outerdiv" style="text-align:center;">

<div id="containerdiv" style="overflow:hidden; display:inliine-block;">  /*display必须设置成inline-block*/

<div id="float1" style="float:left;"> </div>

<div id="float2" style="float:left;"> </div>

</div>

</div>

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