css - 即使宽度为 100%，如何居中对齐 div

Question

我正在使用一个<div>容器并将该容器设置为 100%。在那个容器内，我提到了几个<div>50% 的容器，它与左侧对齐。现在我的问题是，我是否可以将主容器居中对齐以对齐中心。这样我的内部容器对齐到中心。请帮我。

我的html代码是，

<div class="container">
     <div class="co1">
           <p>content</p>
     </div>
     <div class="co2">
           <p>content</p>
     </div>
</div>

我的CSS代码是，

.container{
width:100%;
}

.co1{
width:50%;
}

.co2{
width:50%;
}

Answer 1

使用marginCSS 属性来集中 Div。

例如

margin: 0 auto;

Answer 2

margin-left:0 auto;
margin-right:0 auto;

Answer 3

是的，这是通过仅水平工作的自动边距完成的：

为里面的 2 个 DIV 添加以下内容到您的 CSS 中。

margin: 0 auto;

Answer 4

您需要将边距设置为自动。

margin-left : auto;
margin-right : auto;