解决IE浏览器下css代码margin:0 auto不居中的问题

最近自己也在做一些简单的网页,有一段文字是需要在浏览器中水平居中显示(不是文字居中,而是DIV块居中显示),在css中加了“margin:0 auto”  表示上下边界为0,左右则根据宽度自适应相同值(即居中),其他浏览器都没问题,但是用IE打开还是没有居中,最后找到的解决办法如下:

一;在此DIV外层再加一个div,如下:(红色部分为新加的)
<div style=“text-align:center”>

<div style=”font-family:arial, 宋体, sans-serif;font-size:14px;background-color:#FFFFFF;width:990px;display:block;border:1px solid red;margin:0 auto;” >

测试居中
</div></div> 

二;因为所有HTML页面的起初定义都在DTD文档里,所以出现这个现象的原因在于文档的DTD声明,应该修改DTD为(DTD一般在代码最顶部)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

 

这样就完美兼容IE不居中的问题了

关于作者

杰夫(jerfo0)

杰夫(jerfo0)

一个活的真实,耿直的boy。
坚定相信爱情,向往自由,对世界充满好奇心。热爱美剧、海贼王、一切户外运动、旅行...
职业:互联网运营。
生命不息,折腾不止,燥起来!!

查看全部帖子

1 条评论

发表评论

邮箱地址不会被公开。 必填项已用*标注