AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > css教程

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

51自学网 http://www.wanshiok.com
横向排列,浮动,居中显示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的中间显示了。
横向排列,浮动,居中显示  
上一篇:ie下没有背景色bug的解决方法  下一篇:DIV和SPAN垂直居中对齐的实现方法