おおいしつかさ


旅行とバイクとドライブと料理と宇宙が好き。
Ubie Discoveryのプログラマ。
Share:  このエントリーをはてなブックマークに追加

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

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

 text.scan(/./) * "<wbr />"  

こんな感じです。