css，不同的font-size，不同的font-family如何底部对齐？

Question

css，不同的font-size，不同的font-family如何底部对齐？

Answer 1

考虑用 flex 来对齐？
我印象里用文字基线是没办法很好的垂直对齐的。因为基线的位置中英文不同字体都是不一样的。

Answer 2

受字体、基线元素影响，没有好的解决办法。稍微能接收的就是父级flex，子元素字体行高都设为1

.box {
    display: flex;
    align-item: flex-end;
}

.box *{
    line-height: 1;
}

Answer 3

vertical-align不是还有text-bottom属性吗