您现在的位置是：网站首页> 编程资料编程资料

ie下margin不居中的三种解决方法浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理对常见的css属性进行浏览器兼容性总结(推荐)

2021-09-06 768人已围观

简介这篇文章主要介绍了ie下margin不居中的三种解决方法,需要的朋友可以参考下

正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。

如下代码:

复制代码

代码如下:

margin: 0 auto 内容居中显示

解决方法一
可以是对网页主体声明文本居中，即body{text-align:center}
即:

复制代码

代码如下:

margin: 0 auto 内容居中显示

解决方法二
其实和解决方法一差不多，只是在要居中的div外层添加多一个div,并使其居中
即：

复制代码

代码如下:

margin: 0 auto 内容居中显示

解决方法三
出现这个现象的原因在于文档的DTD声明；
修改DTD为

复制代码

代码如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">