3

次のフィドルは問題を示しています。

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

これは、省略記号でテキストを切り捨てるためにjquery.dotdotdotプラグインを使用しています。

a_really_long_filename_with_no_spaces_at_all.txtのようにdivをオーバーフローする単語が1つある場合、このプラグインはそれを切り捨てません。これを実現する方法はありますか？

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

これを行うには本当にプラグインが必要ですか？CSSを使ってみましたtext-overflow:ellipsisか？IE5.5以下やFF6以下のような本当に古いブラウザを除いて、すべてのブラウザでサポートされています。

詳細情報text-overflow：https ：//developer.mozilla.org/en-US/docs/CSS/text-overflow

デモページ：http ：//davidwalsh.name/demo/css-ellipsis.php

于 2012-11-10T00:44:43.590 に答える