css一行字体竖直居中

CSS中对于一行字体竖直居中有多种实现方式。

一种方法是使用line-height属性，将其设置为与容器高度相等，如下：

.container {
  height: 50px;
  line-height: 50px;
} 

另一种方法是使用flex布局，将其设置为容器的主轴方向，如下：

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

还有一种方法是使用伪元素，将其定位于容器中间：

.container {
  position: relative;
}
.container::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.container span {
  display: inline-block;
  vertical-align: middle;
} 

以上三种方法都可以实现一行字体的竖直居中，具体选择哪一种取决于具体的场景和需求。