这是使<body>最大宽度居中的最佳方法吗？

Question

我希望网页的内容居中,最大宽度为900px.

从我的研究和测试来看,这似乎是这样做的方式,但我想证实:

<body style="max-width:900px; text-align:center;margin-left:auto ;margin-right:auto">

显然,你将风格放在CSS中.

我认为任何拥有大屏幕的人都会有一个相当新的浏览器.

Answer 1

为什么要使用包装,除非你需要它？我不会因为你可以包装东西,它会加起来.此外,如果您需要,可以将Body标签用作"自由包装器":

CSS:

html {
    margin:    0 auto;
    max-width: 900px;
}
body
{
    /* whatever you want */
}

Answer 2

CSS:

body { width: 100%; text-align: center; }
#centerContainer { width: 900px; text-align: left; margin: 0px auto; }

HTML:

<body>
  <div id="centerContainer">Content</div>
</body>