关于不同浏览器下line-height显示差异的问题

Question

如下demo:

<p>你好</p>

p {
    font-size: 12px;
    background: red;
    line-height: 20px;
    font-family: "宋体";
    height: 20px;
}

• 在firefox,chrome下测试，文字可以上下居中，但是ie下为什么不能居中？

• 试着改变字体大小为16px后， 为什么firefox下也不居中了？

• 字体大小仍然为12px, 但是改变字体为"微软雅黑"后，为什么firefox下也不居中了？

• 感觉在ie和firefox下，设置line-height有时可以居中而有时不可以居中，而chrome一直都是居中，这是怎么回事？

Answer 1

不知道题者指的是否光标的位置问题，之前也有遇到过光标位置，长度在不同浏览器上面不一致的问题，貌似是不同浏览器对 line-height 的支持并不完全相同，之前的解决方案是通过直接设定 padding-top 和 padding-bottom 以及 font-size 来实现一致的