3

下面的小提琴演示了这个问题:

http://jsfiddle.net/inconduit/2z6Xa/

这是使用 jquery.dotdotdot 插件来截断带有省略号的文本。

当有一个像 a_really_long_filename_with_no_spaces_at_all.txt 这样的单词溢出一个 div 时,这个插件不会截断它。有没有办法做到这一点?

的HTML:

  <div id="wrapper">this_does_not_truncate_because_there_are_no_spaces</div>
  <br><br>
  <div id="wrapper2">this one has spaces and is truncated properly</div>

​ javascript:

 $("#wrapper").dotdotdot({wrap: 'letter'});
 $("#wrapper2").dotdotdot({wrap: 'letter'});

的CSS:

#wrapper {
    width: 100px;
    height: 20px;
    border: 1px solid red;
}
#wrapper2 {
    width: 100px;
    height: 20px;
    border: 1px solid red;
}​
4

1 回答 1

2

你真的需要一个插件来做到这一点吗?你试过使用 CSStext-overflow:ellipsis吗?除了IE 5.5 或以下FF 6 或以下的真正旧浏览器之外,每个浏览器都支持它。

更多信息text-overflowhttps ://developer.mozilla.org/en-US/docs/CSS/text-overflow

演示页面:http ://davidwalsh.name/demo/css-ellipsis.php

于 2012-11-10T00:44:43.590 回答