码迷,mamicode.com
首页 > 其他好文 > 详细

div内容过长自动省略号

时间:2016-03-22 12:02:29      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:

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

 

div内容过长自动省略号

标签:

原文地址:http://www.cnblogs.com/love540376/p/5305576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!