[解決済み】CSSで、複数行のブロックがはみ出した場合、「...」を使用する。

質問

と

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

はみ出した場合、行末に "..."が表示されます。 しかし、これは1行にしか表示されません。 しかし、これを複数行に渡って表示させたいのです。

こんな感じでしょうか。

+--------------------+
|abcde feg hij   dkjd|
|dsji jdia js ajid  s|
|jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */
+--------------------+

解決方法は？

この問題に対応したjqueryプラグインもいくつかありますが、複数行のテキストを扱えないものが多いようです。 以下の方法で対応可能です。

• http://pvdspek.github.com/jquery.autoellipsis/
• http://dotdotdot.frebsite.nl/
• http://keith-wood.name/more.html
• http://github.com/tbasse/jquery-truncate

また、いくつかの パフォーマンステスト .