css - 如何在 DIV 标签中居中对齐内容

Question

我有两个div标签：

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

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

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

PS：我不想使用 javascript 来做到这一点。

Answer 1

尝试这个：

#parent {
   text-align: center;
}

#content {
   display: inline-block;
}

Answer 2

你可以使用text-align属性。

#parent {
 text-align: center;
}