让span内文本垂直居中

可以使用CSS的flexbox布局实现让span内文本垂直居中的效果。具体实现方式如下：

HTML代码：

<div class="container">
  <span class="text">这是一段文本</span>
</div>

CSS代码：

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px; /* 设置容器高度 */
}

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

其中，`.container`是容器的类名，`.text`是文本所在的`<span>`元素的类名。通过设置`.container`的`display: flex;`，并且使用`align-items: center;`和`justify-content: center;`让文本在容器中居中。而通过设置`.text`的`display: inline-block;`和`vertical-align: middle;`让文本垂直居中。