div 中的内容比它所能包含的要多。
如您所见,我想隐藏所有不可见或水平“半切”的文本。
此外,我需要隐藏最后一个可见句子或给定数量的字母,并将“阅读更多”之类的内容粘贴到文本可见部分的末尾。
我认为第二部分更容易。我不知道如何处理第一部分。
div 中的内容比它所能包含的要多。
如您所见,我想隐藏所有不可见或水平“半切”的文本。
此外,我需要隐藏最后一个可见句子或给定数量的字母,并将“阅读更多”之类的内容粘贴到文本可见部分的末尾。
我认为第二部分更容易。我不知道如何处理第一部分。
您可以使用 CSS。
浏览器支持:http ://caniuse.com/#search=ellipsis
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
或者使用jQuery插件来做到这一点。
以下代码可以帮助您:
function isOverFlow(id){
var elem = document.getElementById(id)
if(elem.scrollWidth - jQuery(elem).width() > 0){
return true;
}
return false;
}