Question

enter image description here

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

Answer 1

如果您希望将网页居中，并且在主容器上使用固定宽度，则可以轻松实现。

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，我很乐意为您提供帮助。

Answer 2

为什么不这样做？：

<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具有固定宽度并且侧面的间距要自动调整大小，请使用其他解决方案。

Answer 3

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

Answer 4

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

如何使用HTML / CSS在Web页面的左右添加空间

4 个答案: