Css 如何设置网站在窗口中间/中心的位置？

内容部门位于容器部门内部

该网站内置于CRT显示器，但当我在高分辨率LCD显示器上浏览该网站时，我发现网站右侧有更多的空间

内容或网站未设置在窗口的中间。

* {
    margin:0;
    padding:0;
}

/** General Style Info **/
body {
    background: #003d4c;
    color: #fff;
    font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
    font-size:90%;
    margin: 0;
}
#container {
    text-align: left;
}

#content {
    background: #ffffff;
    clear: both;
    color: #333;
    padding: 10px 10px 10px 10px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 5px;
    overflow: auto;
    width: 970px;
}

---

如何将其设置在窗口的中间，使左侧和右侧与窗口的距离相等。

当您将图元居中对齐时，您需要为其提供一个宽度百分比（对于液体设计）或固定宽度

* {
    margin:0;
    padding:0;
}

/** General Style Info **/
body {
    background: #003d4c;
    color: #fff;
    font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
    font-size:90%;
    margin: 0;
}
#container {
    text-align: left;
}

#content {
    background: #ffffff;
    clear: both;
    color: #333;
    padding: 10px 10px 10px 10px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 5px;
    overflow: auto;
    width: 970px;
}

#content {
text-align:center;
padding: 10px,10px,10px,10px;
margin-left: 1%;
margin-right: 1%;

}

修改后，只需设置

html, body {margin: 0px; padding: 0px;}

#content {margin: 0 auto; padding: 10px;}

---

这将使该元素居中于其父元素的中间，假设父元素设置为100%

我发现最好的方法是将其包装在另一个div中，该div的边距设置为自动，并具有特定的宽度

HTML:

 margin-left: auto;
 margin-right: auto;

<div id="wrapper">
  <div id="content">
  ...
  </div>
</div>

---

我一直都是这样做的：

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

#content {
  padding: 10px,10px,10px,10px;
  margin-left: 1%;
  margin-right: 1%;
}

---

而且它在大多数分辨率下都能工作（在1024x768、1360x768、1920x1080上进行了测试，从未听说过使用不同分辨率的人会出现问题）。

您只需在设置为100%的元素上设置边距：auto；所以它永远不会出现在center@CBRRacer，它将永远不会在中间？@guru如果你有一个宽度为100%的元素（默认情况下div有），那么如果你设置了边距：0 auto；在该元素上，由于元素的边缘延伸到显示区域的边缘，因此它没有任何可填充的内容。什么保证金：0自动；允许浏览器确定总水平边距，然后将其左右分开，以便它们与父元素的边距相等。0将顶部和底部边距设置为0忘记添加宽度，将其放入。这与文本无关，这是关于内容分区的位置。+1表示正文上的文本对齐居中，用于向后兼容为什么文本对齐：正文中的居中，它在#容器中被覆盖，文本对齐：左@guru，因为它集中了所有内容，这使得

#container

div居中（以及边距）。除非您希望站点中心的所有文本对齐，否则重置

text align

属性只是常识。