为什么这个html/css不工作呢？

Question

我只是想在页面上居中一个div.它适用于chrome,但是div仍然在左边:

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

我读过的所有内容都说要将块元素居中,只需添加margin:0 auto并指定宽度,所以我不知道为什么这不起作用.

我正在测试IE 7.0.5730

Answer 1

您的HTML代码段没有DOCTYPE,因此IE默认为quirksmode.

使用HTML5文档类型:

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