让几个横向排列的浮动子div居中显示的方法
网站建设 2023-01-28 21:39www.1681989.com免费网站
div设置成float之后，在父div中设置text-align:center，就无法使子div居中显示了，不过我们可以使用变通的方法达到这一效果，就是在父div上再套一个div，如下
<div id="outerdiv" style="text-align:center;">
<div id="contaerdiv" style="overflow:hidden; display:lie-block;">
<div id="float1" style="float:left;"> </div>
<div id="float2" style="float:left;"> </div>
</div>
</div>
这样contaerdiv就会在outerdiv的中间显示了。
复制代码
代码如下:<div id="outerdiv" style="text-align:center;">
<div id="contaerdiv" style="overflow:hidden; display:lie-block;">
<div id="float1" style="float:left;"> </div>
<div id="float2" style="float:left;"> </div>
</div>
</div>
这样contaerdiv就会在outerdiv的中间显示了。
上一篇：图片上添加文字的两种常用方式
下一篇：ie下没有背景色bug的解决方法