如何将我的网站放在页面中心

Question

我制作了一个CSS模板 我想把它放在页面的中心 当我打开浏览器 它出现在页面的左侧 任何帮助，请

Answer 1

您需要使用指定margin:auto的{​​{1}}，如下所示：

width

#wrapper{ margin:auto; width:1000px; /* adjust width */ } 应该是您网页上的主要容器元素。

Answer 2

为了使其正确居中，包装器需要设置宽度，我们需要将左右边距设置为自动。

#wrapper {
width: 960px; /* set to width of content */
margin: 0 auto;
}

Sarfraz在右页，但没有理由将顶部和底部边距设置为自动。我们应该只影响获得我们想要的结果所需的属性。

Answer 3

用户

body{
  margin:0 auto;
}
or top root parent id

#parentid{
margin:0 auto;
}

Answer 4

我的方法与已经存在的方法略有不同，所以这是我的建议。

div#wrapper {
    width: 960px;
    position: absolute;
    left: 50%;
    margin-left: -480px;
}

其中#wrapper是包含您网站主要内容的div。

margin-left应该等于宽度的一半。

Answer 5

将左右边距指定为auto并设置正文的宽度：

body {
    margin-left: auto;
    margin-right: auto;
    width: 780px;
}

我为宽度选择了780px，但你可以放任何你想要的东西。在其他单位（例如em，％）中指定也应该有效。