1

如果窗口/分辨率允许，我有两个并排的 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/

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

我怎样才能使它在两种情况下都居中？

4

1 回答 1

2

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

div.center {
    text-align: center;
}
于 2013-05-13T03:39:38.850 回答