如何检测是否有溢出

Question

div中的内容超过了它所能容纳的内容。

我想隐藏所有不可见或水平"半剪切"的文本，如您所见。

此外，我需要隐藏最后一个可见的句子或给定的字母数，并将类似"阅读更多"的内容粘贴在文本可见部分的末尾。

我认为第二部分比较容易。我不知道如何处理第一部分。

Answer 1

您可以使用CSS。

浏览器支持：http://caniuse.com/#search=ellipsis

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

或者使用jQuery插件来做到这一点。

Answer 2

以下代码可能会对您有所帮助：

function isOverFlow(id){
    var elem = document.getElementById(id)
    if(elem.scrollWidth - jQuery(elem).width() > 0){
        return true;
   }
   return false;
}