容器内的css中心div？

Question

此HTML代码有效：

<div class="MyContainer" align="center">
    <div>THIS DIV IS CENTERED</div>
</div>

但是我想在容器的css上做这件事，比如：

.MyContainer{
    align: center;
}

所以我的所有容器都将div放在里面。

Answer 1

文本对齐的CSS属性在内联DOM属性中称为text-align而不是align。

---

如果您想要居中一个块元素（如div，p，ul等...）本身，您需要设置其宽度并将水平边距设置为auto。

例如，以下代码将使MyContainer类的元素内的每个div都占其父级的80％，并将其置于其容器的中间位置。

.MyContainer div {
    margin: 0 auto;
    width: 80%;
}

jsFiddle Demo