Html 不知道为什么我不能集中网络

所以，在网络编程课上（几周前），我们开始了一个制作自己网站的项目。现在，大多数事情都进展顺利，尽管我试着将我的页面居中，但它没有起作用。我也不知道为什么它不起作用，我想可能是代码中的某些东西阻止了它，但我不知道。我基本上希望整个html都以html为中心。我在bgcolor标记之后的div标记上使用了一个名为“wrap”的ID，您将看到

HTML:

---

请尝试在CSS代码中使用

justify content:center

您的

#wrap

div位于站点中心。但是，对于小于800px的分辨率，您将看到它水平溢出

您可能认为它没有居中，因为您的

img

标记的内联样式为

width:1400px

，这使得它超出了实际的容器div

这里有一个被删除的标签（尽量不要在HTML上使用内联样式来正确地分离关注点，比如在CSS文件中使用CSS，在HTML文件中使用HTML）

我还将

width:800px

替换为

max width:800px

和

width:100%

，因此您的容器在足够大的分辨率下可以使用800px，但对于较小的分辨率，它会使用所有可用的宽度；这是一种常见的响应模式

最后，以防万一，如果您希望文本在div内居中，那么您要查看的规则是#wrap div上的

text align:center

。

试试这个css

#wrap{
     width: 800px;
     margin:0px auto;
}

---

就像“胡安·费雷斯”一样，这里有一个可以帮助你的网站。另一个很好的参考资料是，请查看示例中的类容器。正如一些人指出的那样，虽然关键是

margin:0 auto

或类似

margin:10px 10px 10px

的东西，但你需要更精确地确定宽度。

而不是左右边距，尝试

margin:0 auto
#wrap{
 width: 800px;
 margin-right: auto;
 margin-left: auto;
 height: auto;
}

#wrap{
     width: 800px;
     margin:0px auto;
}