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>
<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>
相关文章推荐
- textarea 在IE和FF下换行无法正常显示的解决方法
- Firefox下无法正常显示年份的解决方法
- apache与tomcat整合方法,解决图片无法正常显示--成功
- windows启动自检显示volume is dirty长时间无法正常启动的解决方法
- 在IE下正常显示但Chrome下无法显示的解决方法
- 黄聪:python控制台无法正常显示中文字符串解决方法
- JZTK项目 驾照题库项目servlet层得到的json字符串在浏览器中 汉字部分出现问号?无法正常显示的解决方法
- XP中HTM/HTML文件图标无法正常显示的解决方法
- Windows 10 Weather App无法正常显示解决方法
- Altium Designer中无法正常显示汉字的解决方法
- 黄聪:python控制台无法正常显示中文字符串解决方法
- 文档大师 在Win10 IE11下,文档集画面无法正常显示Word等Office文档的解决方法
- 网络显示连接正常却无法上网的解决方法
- Android Service中使用Toast无法正常显示问题的解决方法
- ExtJs TreePanel使用TreeLoader在IE下无法正常加载显示的解决方法
- deepin 安装idea(社区版),NetBeans 等开发软件无法正常显示中文字符的解决方法
- MSDN无法正常显示的解决方法
- bootstrap的图标无法正常显示解决方法
- IE显示div正常,Firefox浏览器中div层重叠的解决方法