如何在 DIV 标签中居中对齐内容答案

【问题标题】：How to center align content in a DIV tag如何在 DIV 标签中居中对齐内容
【发布时间】：2013-11-04 12:48:27
【问题描述】：

我有两个div 标签：

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

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

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

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

【问题讨论】：

标签： css html

【解决方案1】：

试试这个：

#parent {
   text-align: center;
}

#content {
   display: inline-block;
}

【讨论】：

【解决方案2】：

您可以使用 text-align 属性。

#parent {
 text-align: center;
}

【讨论】：