您的位置：首页 > 其它

IE下div使用margin:0px auto不居中的解决办法

2011-11-23 05:59 507 查看

转自：http://www.cxybl.com/html/wyzz/HTML_XHTML/2011_1010_5306.html

一般在将div居中显示时，使用css：

divX {margin:0 auto;}

此css在firefox下是好的，但是在ie下不起作用，网上看到原因如下：

<div id="cnbruce">margin: 0 auto 看看内容居中否</div>

如上调试结果，IE6.0是不居中的，当然解决的办法可以是对网页主体“<body>”声明文本居中，即

<style> 
body{text-align:center} 
#cnbruce{width:500px; background-color: #ccc; margin: 0 auto} 
</style> 
<div id="cnbruce">margin: 0 auto 看看内容居中否（加了body文本居中）</div>

然后，单个div的CSS居中，非要扯上<body>？

于是在不采用“<body>”声明文本居中的情况下，将DOCTYPE声明加上，立马有效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 
  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<style> 
#cnbruce{width:500px; background-color: #ccc; margin: 0 auto} 
</style> 
<div id="cnbruce">margin: 0 auto 看看内容居中否（加了DOCTYPE声明）</div>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航