使用-webkit-line-clamp时检测溢出

Question

使用-webkit-line-clamp时是否有任何方法可以检查是否有溢出，从而在出现溢出时可以显示“查看更多”按钮？

Answer 1

您可以比较元素的scrollHeight和clientHeight属性：

function hasOwerflow(element) {
    return element.scrollHeight > element.clientHeight;
}