如何居中对齐子div

Question

我需要在父div中居中对齐子div而不使用text-align:center / align:center;

基本上我尝试了以下示例。我意识到为了margin:auto能够工作，我需要在子div中指定一个宽度（不能使用auto）。但是，如果子div宽度从0px变化到500px，我怎么能这样做呢？

参见示例：

<div style="width:450px;height:500px;background:pink;">
    <div style="width:100px;height:200px;background:black;color:#fff;margin:auto;">
        hello world
    </div>
</div>

Answer 1

使用margin: auto，但要工作，您需要指定div的宽度（就像您一样）。

Answer 2

你是对的，你可以使用margin:auto;。您也可以使用：

margin-left:auto; margin-right:auto;

然而，你的内部div似乎比你的外部div大。如果缩小内部div，它将起作用，如下所示：http://jsfiddle.net/TpFwh/4/

Answer 3

您可以使用中心标记来执行此操作。父div标签后使用中心标签。