Question

你如何将div或其他任何东西水平居中，这样两边的空格是相等的？ div正好在中间？无论物体的大小。

例如：Stackoverflow站点本身。除了这个站点顶部的黑色标题外，一切都在中间，两边的空白区域彼此相等。

我已经搜索了很长时间，但我只是遇到了错误的答案或模糊的答案。

请帮忙谢谢！

Answer 1

在css中，您可以使用margin: auto;

一种常见的模式是将您的内容包装在具有固定宽度的容器中，并向其添加margin: auto;。

Answer 2

试试这个。这是why

margin: 0 auto;

Answer 3

常见的方法是使用margin:0px auto。请看下面的例子。

<强> HTML

<div id="wrapper">
  <div class="test">
     This is my content Div.
 </div>
</div>

<强> CSS

.test
{    
 width:60%;
 border:1px solid #ccc;
 margin:0px auto;
}