div内容过长自动省略号

Posted 疯子加天才

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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;
            }
    });

 

以上是关于div内容过长自动省略号的主要内容,如果未能解决你的问题,请参考以下文章

Android 文字过长TextView如何自动截断并显示成省略号

如何设置CSS样式使网页中过长的新闻标题后面以省略号显示

html如何实现一行文字过长超出div最后渐隐的效果

table中td内容过长 省略号显示

DIV内容超出长度显示省略号,鼠标移上自动显示全部内容(EasyUI DataGrid)

将过长的文字改用省略号显示