如何对齐div甚至宽度为100％

Question

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

我的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

使用margin CSS属性集中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;