超出隐藏使用了 -webkit-line-clamp: 2; 为什么第三行也展示出了一部分？

Question

Answer 1

In most cases you will also want to set overflow to hidden, otherwise the contents won't be clipped but an ellipsis will still be shown after the specified number of lines.

-webkit-line-clamp 的主要作用你可以理解为把指定的那一行内容末尾转为 ... 显示，但并不是把内容裁切隐藏。因此，你需要增加一个 height 把超过的部分“隐藏”。

Answer 2

是不是有写了height，或者max-height，或者没有加上text-overflow:ellipsis

Answer 3

你是不是是加了 padding？可以换成 margin

Answer 4

改成div标签 添加 高度 行高 可以解决

Answer 5

div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

和高度无关