css怎么使div居中显示文字

网页设计中，让内容居中是非常常见的需求。CSS 的文本对齐属性可以帮助我们实现这一目标，下面我们来看看如何使用它来使 DIV 居中显示文字。

div {
  text-align: center;
}

上面的代码中，我们使用了 text-align 属性来让 DIV 元素内的文本内容居中显示。这个属性支持多个取值，除了 center 外，还可以是 left（左对齐）、right（右对齐）和 justify（两端对齐）。

不过，这样写会有一个问题，那就是如果 DIV 的宽度大于文本内容的宽度，那么文本会在 DIV 的中央位置留有一定的宽度空隙。如果需要避免这种情况，我们可以使用 CSS 的 display 和 margin 属性来实现。

div {
  display: flex;
  justify-content: center;
  align-items: center;
}

上面的代码中，我们使用了 flex 布局方式，将 DIV 设置为 flex 容器。然后通过 justify-content 属性使子元素水平居中，align-items 属性使子元素垂直居中。这样写的好处是，不论文本内容的宽度和 DIV 的宽度如何，都可以保证文本在 DIV 的中央位置。

总结来说，如果只考虑文本内容居中的情况下，使用 text-align 属性就可以了；如果还要兼顾文本内容不留空隙的情况，可以使用 flex 布局。