2010-06-08 170 views
0

我只是想中心在页面上的div。它工作在铬,但在IE的股利仍是左:为什么这个html/css不能在ie中工作?

<html> 
<head></head> 
<body> 
    <div id="container" style="margin:0 auto; width:200px;"> 
     test 
    </div> 
</body> 
</html> 

我读过的一切都表示,到中心块元素,只需添加margin:0 auto并指定宽度,所以我不知道为什么这不起作用。

我测试的IE 7.0.5730

回答

7

你的HTML片段没有一个DOCTYPEso IE is defaulting to quirksmode

使用HTML5文档类型:

<!DOCTYPE HTML> 
<html> 
<head></head> 
<body> 
    <div id="container" style="margin:0 auto; width:200px;"> 
     test 
    </div> 
</body> 
</html> 
+0

就是这样..谢谢! – hhj 2010-06-08 16:19:37

1

另一种方法是做到这一点在你的CSS,这样一来它的工作原理不管即是怪异模式与否:

body{text-align:center;} 
#container{text-align: left;} 
相关问题