$(".text").each(function() {
// 获取需要截断的元素
var $text = $(this);
// 获取元素的宽度
var textHeight = $text.height();
// 获取元素的文字内容
var textContent = $text.text();
// 判断文字长度是否需要截断
for (var i = 0; i <= textContent.length; i++) {
$text.text(textContent.slice(0, i))
if ($text[0].scrollHeight > textHeight) {
$text.text(textContent.slice(0, i - 6) + "...");
break;
}
}
});溢出省略号
.text是循环渲染处理的,所以需要放到each里
$text.text(textContent.slice(0, i - 6) + "..."); 会对后面的进行裁切和拼接...(裁切的多少和拼接什么可以自己定义)
兼容IE