Html 使用CSS水平居中分割等

如何使div或其他任何东西水平居中，使两侧的空白相等？DIV正好在中间？不管物体的大小

以Stackoverflow站点本身为例。 除了这个站点顶部的黑色标题外，所有的东西都在中间，两边的空格是相等的。 我已经搜索了很长时间，但我只遇到了错误的答案或模糊的答案

---

请帮忙，谢谢

在css中，您可以使用

margin:auto

一种常见的模式是将内容包装在一个固定宽度的容器中，并添加
边距：auto到它。
试试这个。这是

常用的方法是使用
边距：0px auto
。看看下面的例子

HTML

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


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

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