集中所有div

Question

我一直在谷歌上搜索大约半个小时，仍然无法找到解决方案。

我现在有一个网站，里面有很多div。所有这些都有980px的宽度，它看起来很好。我唯一的问题是，如果屏幕是＆gt; 980px然后它出现在左边。

问题：我可以在代码周围放置任何标签吗？我已经尝试<center>并希望获得好运，但它不起作用：（

Answer 1

只需将它们包装在容器div中，并赋予它相同的宽度PLUS：margin: 0 auto;

<div id="container" style="width:980px; margin:0 auto;">
    ....your divs
</div>

当然，将样式移动到CSS文件中，而不是使用内联样式！

Answer 2

假设您没有使用float（强制元素到侧面），使用绝对定位（使元素超出正常流量），或者停止元素显示为块：

设置margin-left: auto; margin-right: auto;或使用简写符号（margin: 0 auto）（其中0是您想要的上下边距）。

确保您拥有触发标准模式的Doctype（无论如何都应该用于所有现代开发）。

有关详细信息，请参阅this article。

Answer 3

如果结构是扁平的 - 没有嵌套的div，那么你可以在css文件中包含以下内容：

div { 
  margin-left: auto;
  margin-right: auto; 
}

否则，只需用<div id="wrapper"></div>包装所有div并将其放在css文件中：

div#wrapper {
  margin-left: auto;
  margin-right: auto; 
}