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

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8706.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论