如何檢測是否有任何溢出？

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; 
}