今天小编跟大家讲解下有关ie下margin不居中的三种解决方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关ie下margin不居中的三种解决方法 的相关资料，希望小伙伴们看了有所帮助。
正常情况下需要将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""<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
来源：爱蒂网
