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;

}

});

转载于:https://www.cnblogs.com/telwanggs/p/5305576.html

div内容过长自动省略号相关推荐

echart横轴文字显示省略号_Echarts X轴内容过长自动隐藏,鼠标移动上去显示全部名称方法...
最近公司做项目,使用echarts做开发,碰到一些数据的名称很长导致图例展示的效果不是很好,自己写了一个方法,当X轴内容过长时自动隐藏,鼠标移动上去显示全部名称样例: 图二是鼠标移动到名称显示的,怎 ...
Android TextView内容过长加省略号，点击显示全部内容
2019独角兽企业重金招聘Python工程师标准>>> 在Android TextView中有个内容过长加省略号的属性,即ellipsize,用法如下: 在xml中: android ...
css内容过长显示省略号的几种解决方法
css内容过长显示省略号的几种解决方法参考文章: (1)css内容过长显示省略号的几种解决方法 (2)https://www.cnblogs.com/sinceForever/p/11350332. ...
Android中TextView内容过长加省略号，设置超出6个字就用省略号表示
设置超出6个字就用省略号表示: <TextView android:id="@+id/wholesale_carrier" android:layout_width=&quo ...
jqgrid使用colModel的classes属性实现单元格内容过长自动截取带省略号和强制换行
jqgrid单元格默认不换行,超出部分被隐藏,鼠标移上去会显示全部内容,原因是单元格设置了overflow:hidden和title属性.我们可以通过colModel的classes属性,给列设置cl ...
echart移上去显示内容_Echarts X轴内容过长自动隐藏,鼠标移动上去显示全部名称方法...
最近公司做项目,使用echarts做开发,碰到一些数据的名称很长导致图例展示的效果不是很好,自己写了一个方法,当X轴内容过长时自动隐藏,鼠标移动上去显示全部名称样例: 图二是鼠标移动到名称显示的,怎 ...
Echarts X轴内容过长自动隐藏，鼠标移动上去显示全部
使用echarts图表做页面展示的时候,当X轴内容过长时,之前一直用的 '\n' 换行(将字符串根据需要分成两行来展示),这样有很大的局限性(如内容过长的话分成两行也放不下,而且也会影响美观),后 ...
文本内容过长显示省略号
一.单行文本内容过长 /*overflow 属性规定当内容溢出元素框时发生的事情. 当值为hidden内容会被修剪,并且其余内容是不可见的.*/ overflow: hidden;/*white-sp ...
textview点击展开全部或收起，内容过长显示省略号，设置行间距，字间距，跑马灯显示
跑马灯显示 android:ellipsize="marquee" android:singleLine="true" paomad.setSelected(t ...

div内容过长自动省略号

div内容过长自动省略号相关推荐

最新文章

热门文章