我正在尝试编写插件,将文本截断为仅一行,并让用户能够扩展文本,我测试了很多,但我发现不适合我,速度慢,如果未加载 jquery 会出现问题等。
我按照以下方式完成了此操作 1.初始跨度 很长的文字 w300 - 表示宽度 300
$('.trunc').oneLine();
插件创建> 很长的文字 [+]
CSS .trunc {溢出:隐藏!重要;空白:nowrap!重要;显示:内联 block ;}
- 一切正常 所以我只有一行+我可以扩展
问题 我在每个 block 中看到展开符号[+],我只想在文本溢出 block 宽度时看到这个我不知道如何确定文本是否溢出 block 。例如,部分文本被隐藏。
问候 威彻克姆
最佳答案
这就是您要找的吗?
http://jsfiddle.net/jjTcL/
fiddle 代码:
$(function() {
var $d = $('<div/>');
$('div').wrapInner($d);
alert($('div div')[0].scrollWidth);
});
关于jquery 如果 div 中所有文本都可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5110999/