css中怎么设置字体垂直居中

CSS中我们可以使用vertical-align属性来设置字体的垂直居中。

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

如上述代码，我们可以通过让父元素 .parent 的 display 属性设为 flex，并加入 align-items: center ，让子元素垂直居中。

还有一种情况是当元素为单行文本时，我们可以将 line-height 属性值设置为元素的高度，实现文字垂直居中。

.child {
    display: inline-block；
    line-height: 100px;
    height: 100px;
} 

如上述代码，我们设置了子元素 .child 的 height（高度）和 line-height（行高度）为同一数值，这样我们的文字就可以垂直居中了。

需要注意的是，vertical-align属性只对行内元素或display属性设定为table-cell的元素生效。

在实际应用中，我们可以根据实际情况进行选择和适配。