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

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

2013年3月14日

最近自己也在做一些简单的网页,有一段文字是需要在浏览器中水平居中显示(不是文字居中,而是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不居中的问题了

  • 转载请注明原文链接 : http://www.it520.org/2013/03/14/ie-css/
    • 分享到:
    分类: 技术 标签:
    1. 2013年9月3日15:29 | #1

      智慧的分享!

    本文的评论功能被关闭了.