要素内のテキストをはみ出さず、JSで「...」で省略してくれる「jQuery.dotdotdot」:phpspot開発日誌

jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content. 要素内のテキストをはみ出さず、JSで「...」で省略してくれる「jQuery.dotdotdot」。 次のように、はみだしたテキストを...で綺麗に要素内に収めてくれます。はみ出しているとカッコ悪いですが、サーバ側でこれをやるのはなかなか難しい。 JSなら綺麗にできますね。Read Moreみたいなテキストをつけることもできるみたい 関連エントリ フロートラベルを実装できるjQueryプラグイン「FlowupLabels.js」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 階層的なスケジュール表示ができて便利なjQueryプラグイン「GraspSchedule.js」

[bleu-bleut]

jQueryプラグインで省略。コンテンツのブロックをクローンして1文字ずつ1要素ずつ削除して高さを合わせてるっぽい。ただし、省略部分はコピーされない。

[s99e209]

要素内のテキストをはみ出さないように三点リーダー「...」で省略してくれるjQueryプラグイン「jQuery.dotdotdot」

[qrac_jp]

デザイン崩さないために使えそう！