用img标签实现icon的时候对不齐文字

到底为什么用img标签实现icon的时候经常对不齐文字

• 用img标签直接插入图片会出现对不齐的情况

因为图片的vertical-align默认是baseline的

• 如果设为middle，会偏下

但是对于英文字母看着是居中的，对于汉字会偏下

• 怎么解决呢

img {
    height: 1em,
    vertical-align: -0.15em
}

这样就对齐了，而且字体大小改变，图片也会居中显示