div下的div文字居中

您可以使用 CSS 属性 text-align 来实现 div 内文字的居中，如下所示：

HTML 代码：

<div class="outer">
  <div class="inner">
    文字居中
  </div>
</div>

CSS 代码：

.outer {
  text-align: center; /* 水平居中 */
}

.inner {
  display: inline-block; /* 必须要加上这句 */
  vertical-align: middle; /* 垂直居中 */
}

这样，内部的 div 元素中的文字就会水平和垂直都居中了。需要注意的是，垂直居中需要将内部 div 的 display 属性设置为 inline-block，否则不起作用。