Question

如果窗口/分辨率允许，我有两个并排的div，如果没有则叠加在另一个的顶部。

我需要他们在两种情况下都是中心。我设法让他们成为一个案件或另一个案件的中心，但不是两个。

布局：

<div class="container">
   <div class="center">
      <div class="left">LEFT</div>
      <div class="right">RIGHT</div>
   </div>
</div>

CSS：

div.left {
    background:blue;
    height:200px;
    width:250px;
}
div.right {
    background:green;
    height:300px;
    width:250px;
}
div.center {
    text-align: left;

}
.container {
    text-align: center;
}
.container div {
    display: inline-block;   
}

您可以在此处查看：http://jsfiddle.net/zygnz/1784/

只要窗口大于并排元素，这种方式就会使它们居中，但当它们是一个在另一个上面时它会对齐。

如何使这两种情况都居中？

Answer 1

将您的.center课程更改为text-align: center：

div.center {
    text-align: center;
}

如果并排或堆叠使div成为中心

1 个答案: