7

在此处输入图像描述

我想在 HTML 文档中添加空间，就像橙色矩形内的空间一样。我不知道专业术语的技术术语。道歉。

4

4 回答 4

11

如果您希望将您的网页居中，并且您在主容器上使用固定宽度，这很容易实现。

CSS

.container {
   margin:0 auto; /* this will center the page */
   width:960px; /*  use your width here */
}

HTML

<body>
    <div class="container">
      <!-- all your great content here -->
    </div>
</body>

如果您需要帮助将其应用于您的 html/css，请发布您的 html，我很乐意为您提供帮助。

于 2012-09-14T17:21:56.453 回答
6

为什么不这样做？：

<style type="text/css">
    html, body {
        margin: 0;
        border: 0;
        width: 100%;
    }

    body {
        padding: 0 20px;
    }

    #main {
        margin: 0 auto; /* in case you want to set a fixed width on this as well */
    }
</style>

<body>
    <div id="main"></div>
</body>

这样，根据窗口的宽度，主 div 将调整大小，并且两边总是有一个固定的空间。如果您希望主 div 具有固定宽度并且两侧的间距自动调整大小，请使用其他解决方案。

于 2012-09-14T17:26:41.880 回答
2

这些将是利润。但是您更好的选择是将主要区域包装在 div 或其他块元素/分段根中，将其设置为您想要的宽度，然后将其居中margin: 0 auto;

于 2012-09-14T17:20:24.970 回答
0

你需要利润。将样式设置为margin:0 auto;将使您的 div 居中

于 2012-09-14T17:20:43.333 回答