IE下margin:0 auto不居中解决方法
来源:互联网 发布:知页简历官网登陆 编辑:程序博客网 时间:2024/05/27 20:51
正常情况下需要将div居中显示时,使用Css样式:margin:0 auto即可,但有时使用margin:0 auto后在FF、Chrome里能居中,而在IE678里不居中的现象。
如下代码:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 内容居中显示</div>
解决方法一
可以是对网页主体<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>
解决方法三
出现这个现象的原因在于文档的DTD声明;
修改DTD为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- IE下margin:0 auto不居中解决方法
- IE下margin:0 auto不居中解决方法
- IE下margin:0 auto不居中解决方法
- IE下margin:0 auto不居中解决方法
- div样式在IE下margin:0 auto不居中多种解决方法
- div样式在IE下margin:0 auto不居中多种解决方法
- IE下div使用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不居中的原因
- IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的原因
- IE下div使用margin:0px auto不居中的解决办法
- 在IE下margin 0 auto 不能使div居中
- 在IE下margin:0 auto;不起作用在解决方法
- margin:0 auto;无法居中解决方法
- span 换行与不换行
- tomcat启动报错 java.net.ConnectException: Connection refused: connect
- 读cookie中文字符乱码问题
- 用过滤器来解决JSP中文乱码问题
- 编程学习感悟
- IE下margin:0 auto不居中解决方法
- 绝对定位的div的居中方法,下面的写法兼容IE系列浏览器和火狐浏览器。
- 初学hibernate框架
- hibernate中一对多关系的映射
- Quartz在Spring中动态设置cronExpression (spring设置动态定时任务)------转帖
- 使用MyEclipse构建webService简单案例
- Debug:This kind of launch is configured to openthe debug perspective when it解决办法
- struts实现文件下载
- 抽象工厂之更换皮肤