线高不准确？

Question

有人可能也遇到了同样的问题，但找不到任何东西。似乎line-height css与行的实际高度不匹配

这是文本css属性：

.description{
    line-height:17px;
    font-size:14px;
    height:85px;
    overflow:hidden;
}

因此通常，由于17px * 5 = 85px，我们应该只看到5行，但是正如您在图片上看到的那样，下一行的顶部会显示出来。它的行为就像line-height约为16.7px而不是17px。有办法纠正吗？

我尝试使用不同的高度（102px，170px等），并且框越高，间距越大（在255px处，我们可以看到下一行的一半）

更新：我的255px框（问题）的结果与预期结果（如jsfiddle）的比较

js小提琴：https://jsfiddle.net/eo7pkzqt/28/

Answer 1

Refer this

看到line-he取决于font-size，font-family ....等等，因此变化是通过line-height来实现的。