css多行文字垂直居中

在 CSS 中实现多行文字的垂直居中可以使用 `line-height` 属性和 `display: flex` 等方法。

方法一：使用 line-height

可以将 `line-height` 属性的值设置为容器高度的值，这样每行文字的高度都会与容器高度相等，从而实现多行文字的垂直居中。具体实现方式如下：

.container {
  height: 200px; /* 容器高度 */
  line-height: 200px; /* 行高等于容器高度 */
  text-align: center; /* 水平居中 */
}

方法二：使用 display: flex

可以使用 `display: flex` 属性将容器内的元素纵向排列，并将元素水平和垂直都居中，实现多行文字的垂直居中。具体实现方式如下：

.container {
  height: 200px; /* 容器高度 */
  display: flex; /* 使用 flex 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

以上两种方法都可以实现多行文字的垂直居中，具体使用哪种方法取决于具体的需求和情况。