半角英数字を途中で折り返せるようにする
なんかライブラリあるような気がしたんだけど,
探すのが面倒になって自分で書いた.
// target_class: 折り返す対象のクラス // length: 何文字単位で折り返すか function wordBreaker(target_class, length) { target_class.each(function(){ var txt = $(this).html(); if (txt.length > length) { for (var i=0;i<txt.length/length;i++) { txt = txt.replace(new RegExp("(.{"+(length*(i+1))+"})", "g"), "$1<wbr/>"); } $(this).html(txt); } }); } // テスト wordBreaker($('.target_class_name'), 20);
書いた後にjQueryのプラグインがあるという事実を知った.
しかもこっちのが高機能だった...
http://pocari.org/demo/jquery.linkwrapper/