在 div 中实现居中文本的 CSS

在开发网页中，我们经常需要在 div 元素中实现居中文本的效果，下面是一些实现方式：

1. 使用 text-align 属性

div {
  text-align: center;
}

这将使 div 元素中的所有文本居中对齐。如果只需使部分文本居中，可以将其放在另一个元素内。

2. 使用 line-height 和 height 属性

div {
  height: 200px;
  line-height: 200px;
  text-align: center;
}

这种方法将使 div 元素中的文本垂直居中对齐。height 属性设置 div 元素的高度，而 line-height 属性设置行高，使文本垂直居中对齐。text-align 属性用于水平居中文本。

3. 使用 display 和 margin 属性

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

这种方法使用 flexbox 布局，将元素设置为 flex container，使用 justify-content 和 align-items 属性作为 flexbox 的主轴和交叉轴方向属性，以实现文本的水平和垂直居中对齐。margin:auto 可以使 flex 中的元素自动居中对齐。

以上是三种在 div 中实现居中文本的 CSS 方法。你可以根据自己的需求选择其中之一来实现文本的居中。