IE下margin:0 auto不居中怎么办
来源:互联网 发布:猎头骗阿里程序员 编辑:程序博客网 时间:2024/05/17 01:23
我们经常用DIV+CSS布局网页的时候,正常情况下需要将div居中显示时,使用Css样式:margin:0 auto就可以了,但有时使用margin:0 auto后在FireFox浏览器、谷歌Chrome浏览器里能居中,而在IE678里却不能不居中。
例如以下代码:
< style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div id="con">测试margin: 0 auto 内容是否居中显示</div>
解决方法一
因为所有HTML页面的起初定义都在DTD文档里,所以出现这个现象的原因在于文档的DTD声明,应该修改DTD为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
解决方法二
可以是对网页主体<body>声明文本居中,即body{text-align:center}
即:
< style type="text/css">
body{text-align:center}
#con{width:980px;martin:0 auto;}
</style>
<div id="con">测试margin: 0 auto 内容是否居中显示</div>
解决方法三
其实和解决方法一差不多,只是在要居中的div外层添加多一个div,并使其居中
即:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div style=“text-align:center”><div id="con">测试margin: 0 auto 内容是否居中显示</div></div>
- IE下margin:0 auto不居中怎么办
- IE下div使用margin:0 auto;不居中
- IE下margin:0 auto不居中解决方法
- IE下margin:0 auto不居中解决方法
- IE下margin:0 auto不居中解决方法
- IE下margin:0 auto不居中解决方法
- 【IE浏览器】解决margin: 0 auto;不居中办法!
- IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的解决办法
- IE下div使用margin:0px auto不居中的原因
- div样式在IE下margin:0 auto不居中多种解决方法
- IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的解决办法
- div样式在IE下margin:0 auto不居中多种解决方法
- 在IE下margin 0 auto 不能使div居中
- margin:0 auto;无法居中怎么办?
- margin:0 auto;不居中的原因
- Android 4.4.2 动态添加JNI库方法记录 (一 JNI库层)
- 第1周项目5-图书馆的书
- vs打包exe的详细步骤带图,非常好的一篇文章
- linux中 struct file 和 struct inode简介
- Android受限广播保护机制
- IE下margin:0 auto不居中怎么办
- JAVA断言
- osg设置透明
- Java DB官方技术手册合集(英文版)
- mysql查询今天,昨天,近7天,近30天,本月,上一月数据方法
- FilterDispatcher已被标注为过时解决办法 >>> FilterDispatcher <<< is deprecated!
- js准确求字符串长度
- 关于倒计时new Date().getTime()出现NaN
- 学习中总结到的url地址