解决ie下margin不居中的方法有哪些

本篇内容主要讲解“解决ie下margin不居中的方法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“解决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">

到此,相信大家对“解决ie下margin不居中的方法有哪些”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


本文标题:解决ie下margin不居中的方法有哪些
链接分享:http://myzitong.com/article/iesoie.html