用CSS水平居中div等



如何将div或其他内容水平居中,使两边的空白空间相等?div正好在中间吗?无论对象的大小

以Stackoverflow网站本身为例。除了网站顶部的黑色页眉外,其他内容都在中间,两边的空白空间相等。

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

请帮忙,谢谢!

在css中,可以使用margin: auto;

一个常见的模式是将内容包装在一个固定宽度的容器中,并添加margin: auto;

试试这个。以下是原因

margin: 0 auto;

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

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

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

最新更新