27

我希望网页的内容居中，最大宽度为 900 像素。

根据我的研究和测试，看起来这是这样做的方法，但我想确认：

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

显然，您会将样式放在 CSS 中。

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

4

5 回答 5

61

为什么要使用包装器，除非你需要它？我不会仅仅因为你可以包装东西，它加起来。此外，如果需要，您可以将 Body 标签用作“免费包装器”：

CSS：

html {
    margin:    0 auto;
    max-width: 900px;
}

body {
    /* whatever you want */
}
于 2012-06-19T00:22:38.570 回答
19

CSS： 

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

HTML：

<body>
  <div id="centerContainer">Content</div>
</body>
于 2012-06-18T18:39:42.600 回答
2

我建议将 a作为包装器或容器，而不是 make <body> centered。<div>width: 900px

HTML:

<body>
   <div id="container">

   **Your Contents**

   </div>
</body>

CSS:

body{
   width: 100%;
}
#container {
   width: 900px;
   margin: 0 auto;
}
于 2012-06-18T18:39:53.057 回答
1

我这样做的方法是创建一个包装器 div，它将您的内容保存在页面上。

CSS：

#wrapper{margin:0 auto; width:900px;}

HTML：

<div id="wrapper>

<!--content goes here-->

</div> <!--/wrapper-->
于 2012-06-18T18:39:08.683 回答
1

我不会在 body 上做，而是创建一个“包装器”div 并以这种方式设置它的样式：

<div style="width: 900px; margin: auto;">Content</div>
于 2012-06-18T18:39:46.087 回答