您的位置:首页 > 其它

DIV居中,火狐下无法正常显示解决方法

2008-09-22 16:02 621 查看
假定有如下情况:

<div id="a" style="width:200px">
<div id="b"> </div>
</div>

如果要实现b在a中居中放置,一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常;但是在Firefox中b却会是居左的。

解决办法就是除了需要在a中设置text-align属性为center之后,还需要设置b的横向margin为auto。例如设置b的CSS样式为:margin: 0 auto;

所以,设置如下就可以实现居中:
<div id="a" style="width:200px;text-align:center">
<div id="b" style="margin:0 auto">百度</div>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: