如何居中对齐DIV标记中的内容

Question

我有两个div标签：

<div id="parent">
    <div id="content">
          //content
    </div>
</div>

<div id="content">的内容是动态添加的，所以我不知道它的宽度，我无法将width和margin设置为它。

如何将<div id="parent">内容对齐？

PS：我不想使用javascript来执行此操作。

Answer 1

试试这个：

#parent {
   text-align: center;
}

#content {
   display: inline-block;
}

Answer 2

您可以使用 text-align 属性。

#parent {
 text-align: center;
}