IE浏览器解决margin:0 auto;不居中办法!
2015-09-22 11:17
585 查看
一般情况下需要将div居中显示时,使用Css样式:margin:0 auto;或者margin:0 auto 1px;即可,但有时使用margin:0 auto后在firef、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">
如下代码:
<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">
相关文章推荐
- 遍历json的方式
- 纯js选项卡切换
- 如何去绘制一个圆并且转为imageView格式
- Spring事务配置的五种方式
- jquery选择器 ID不能有点 .
- 远程连接Ubuntu9 服务器 (putty)ssh 连接
- linux之ps命令详解
- hdu5446 Unknown Treasure(数论综合题:大组合数取大合数模:Lucas+CRT)
- iOS9问题备忘
- VS2010与水晶报表V13的打包集成小结
- 【ajax跨域】原因原理解决
- php类获取静态变量值以及调用
- 热更新-Android与Lua相互通信
- XMLItergration.java
- java.io.IOException: Stream closed
- Android App性能信息获取方法
- iOS 9中使用手Q支付SDK须知
- 关于Ubuntu 9.1 Server 自带安装的Tomcat + Java 命令
- 欢迎使用CSDN-markdown编辑器
- 错误名称:EntityCommandExecutionException