容器内的css中心div？

Question

此HTML代码有效:

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

但是我想在容器的css上做这样的事情,例如:

.MyContainer{
    align: center;
}

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

Answer 1

对CSS属性的文本对齐被称为text-align不align内联DOM属性喜欢.

如果你想居中块元素(如div,p,ul,等...),本身就需要设置其宽度和设置水平边距auto.

例如,下面的代码将使一个元素中的每个div具有MyContainer类80%的父级大小,并将其置于其容器的中间.

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