让line-height等于height,使文字垂直居中的方法,是否与字体有关?

p {
    font-size: 16px;
    line-height: 20px;
    height: 20px;
}

给p的line-height和height均为20px后,如果设置字体为宋体, 文字的确在p标签中居中,上下各距2px。但是如果设置字体为微软雅黑,那么文字并不居中,距离上边3px,下边2px。这是为什么?如何兼容?

深红5
浏览 1712回答 2
2回答

魏小V

是的,与字体有关,line-height对齐的是字体的基线

echo_kinchao

标签高度 和 行高的关系
打开App,查看更多内容
随时随地看视频慕课网APP