css文字上下居中

可以使用CSS的flex布局实现文字上下居中。具体实现方法如下：

1. 将需要上下居中的元素设置为flex布局。

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

2. 将元素中的文字设置为垂直居中。

.container p {
  display: flex;
  align-items: center;
  justify-content: center;
}

这样就可以实现文字上下居中了。需要注意的是，如果容器的高度不够，文字可能会被截断。可以通过设置容器的高度或使用其他方法解决这个问题。