flex 纯汉字 和 英文数字 垂直居中

<div class="txt">
    <div class="txt_t">跳过</div>
    <div class="txt_t" style="margin-left: .13rem;">5s</div>
</div>

css:

.txt{
  display: flex;
  align-items: baseline center;// 正常为了内容能垂直居中，我们会写center，但是数字、英文跟汉字的基准线不一样，所以会导致看起来不在同一行
  justify-content: center;
  height: 100%;
  color: #FFFFFF;
  font-size: .28rem;
}
.txt .txt_t{
  display: flex;
  align-items: center;
  height: 100%;
}

转自：https://blog.csdn.net/xiaotangyu7dong/article/details/123281143

标签：居中,flex,center,items,100%,汉字,height,txt
来源： https://www.cnblogs.com/ch-zaizai/p/16198610.html