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