div內容過長自動省略號
<div class="tits" style="width:900px;">${item.note}</div>
//自動計算長度,并剔除html元素
$(".tits").each(function(i) {
var leg = 280;
$(this).html($(this).text());
var copyThis = $(this.cloneNode(true)).hide().css({
'position': 'absolute',
'width': 'auto',
'overflow': 'visible'
});
$(this).after(copyThis);
if(copyThis.width()>$(this).width()){
$(this).html($(this).text().substring(0,leg)+'...');
copyThis.remove();
}else{
copyThis.remove(); //清除復制
return;
}
});</pre>
本文由用戶 nwx8 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!