URLなど、長い英字を折り返して表示する方法 - kaeruspoon

screenshot

webサイトを作っているとよく出会う問題です。日本語は指定された幅を越えると勝手に行を折り返してくれるけど、URLみたいに長い英文は折り返さずに指定した幅を越えて右側に伸びてしまいます。これはカッコ悪いし読みにくい。 一番簡単な解決方法は、一文字ごとに <wbr/>タグを入れてあげるというもの。Rubyで書くなら text.scan(/./) * "<wbr />" こんな感じです。

http://www.kaeruspoon.net/articles/483

一文字ごとに <wbr /> を付ける
Javascriptでその処理できないの?どっちにしろ汚いのが嫌だけど
そしてJavascriptで文字列を取得しようとしたときに泣く、と。

http://b.hatena.ne.jp/entry/http://www.kaeruspoon.net/articles/483