flex 布局 文字不对齐的解决办法

使用 align-items: center; justify-content: center; 无论怎么设置，都无法使不同大小字体的文字底部对齐，出现如下的效果

使用 align-items: baseline 可以解决

align-items 属性定义项目在交叉轴上如何对齐

.box {
      align-items: flex-start | flex-end | center | baseline | stretch;
    }