Question

我想在中心放置一个div但是没有将div中的元素放在中心。 Live example。我希望div本身的边界在中心但不是它的内容（在这种情况下，它们应该在右侧）。我怎样才能做到这一点？我尝试使用padding，margin，但我无法让它发挥作用。

Answer 1

默认情况下，div是一个块元素，这意味着它占据了父元素宽度的100％。如果要对其进行居中对齐，可以通过指定（较小的）固定宽度然后与margin: 0 auto;对齐来实现。这会在每一侧增加相等的余量，构成宽度的其余部分。

#a {
    border: 2px solid;
    width: 500px;
    margin: 0 auto;
}

Answer 2

如果div A（或B）在您决定居中时具有固定大小，请将css设置为：

#a {
    width:200px;
    border: 2px solid;
    margin:0 auto 0 auto;
}

这将在不使用text-align:center;

的情况下居中

如果您没有固定的宽度，请将div B设为text-align:left;

#a {
    border: 2px solid;
    text-align:center;
}
#b {
    text-align:left;
}

Answer 3

也许您想将内部元素重置为“初始”元素。对齐，说＆＃39;离开＆＃39;。

#a {
    border: 2px solid;
    text-align: center;
}
#a * {
    text-align: initial;
}