trunk8 | Rick Viscomi

テキストを要素内にうまく収めてはみ出させないjQueryプラグイン「trunk8」
WEB開発に携わる人なら必ず経験する、要素からのテキストのはみ出しやレイアウト崩れ。
指定したサイズの要素ないのテキストは、どんなものが入ってきても綺麗にまるめたい、という場合に使えます。



元のテキストが以下のようにあったとします。



スクリプトを読み込んだ後、$(elem).trunk8(); とJSで記述すると次のように一瞬で1行に収めることができます。
（オプションで行数指定も可能）



綺麗に要素内に収める「もっと読む」も次のように実現できます。
省略バージョンはきっちり枠内にはまっていますね。これをJSとライブラリレスで実現するのはなかなか難しい所がありますね。





これは便利。

関連エントリ

• テキストをブロックの中にフィットするように自動リサイズできる「jQuery.textFit」
• テキストを燃え上がらせられるjQueryプラグイン「jQuery Burn」
• テキストを部分的にカッコよくアニメーションさせつつ切替え可能にするjQueryプラグイン「dynamo.js」
• 指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」