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

  发布时间:2014-02-17 15:53:13   作者:佚名   我要评论
div设置成float之后,在父div中设置text-align:center,就无法使子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;">
<div id="float1" style="float:left;"> </div>
<div id="float2" style="float:left;"> </div>
</div>
</div>

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

相关文章

最新评论