css怎么让文字垂直居中

可以利用 CSS 中的 `line-height` 属性来实现文字的垂直居中。具体做法如下：

1. 确定文本所在的容器，例如一个 `div` 元素。

2. 给容器设置一个固定的高度，例如 `height: 100px;`。

3. 设置容器的 `line-height` 属性等于容器的高度，例如 `line-height: 100px;`。

4. 将文本的 `display` 属性设置为 `inline-block` 或者 `inline`，这样才能让 `line-height` 属性生效。

5. 可以使用 `text-align` 属性将文本水平居中。

下面是一个示例代码：

<div class="container">
  <span class="text">这里是垂直居中的文本</span>
</div>

.container {
  height: 100px;
  line-height: 100px;
  text-align: center;
}

.text {
  display: inline-block;
  vertical-align: middle;
}

在上面的代码中，`.container` 元素指定了一个高度为 100 像素的容器，并且设置了 `line-height` 属性等于容器高度。`.text` 元素使用 `inline-block` 属性将文本设置为行内块元素，并且使用 `vertical-align` 属性将文本垂直居中。最后，使用 `text-align` 属性将文本水平居中。这样，文本就能够在容器中实现垂直居中了。