【css】不同大小的字体底部对齐

前言：不同font-size的字体会出现上下偏差，这是一个蛮令人头疼的问题。特别是中文字体(英文字体不会出现这种问题)。

    
    
HelloWorld
    
Hello578
    
爆款578
    
爆款价格

 下面是分别出现的四种情况：

英文字体还好，可中文出现了上下偏差。设置行高也不起作用。现在推荐下面这个方法来处理。

 

    
    
    
爆款578

 

这里通过绝对定位来使文字偏移回来。只需要控制span标签的top值，就可以让文字底部对齐。