css里怎么将文字和图标垂直居中

在CSS中，可以使用display: flex和align-items: center属性将文字和图标垂直居中。

HTML代码：

<div class="container">
  <span class="icon">图标</span>
  <span class="text">文字</span>
</div>

CSS代码：

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

.icon {
  /* 样式属性 */
}

.text {
  /* 样式属性 */
}

在上述代码中，.container元素使用display: flex属性将其内部元素水平排列，并使用align-items: center属性将其内部元素垂直居中对齐。

请注意，align-items属性仅适用于display: flex或display: grid的容器元素。