URLなどでありがちな、半角英数連続文字列によるレイアウト崩れ
何やら、半角英数の連続文字列によって、改行されずにwidthを無視してガンガン横に伸びてしまう件について、何とかしたいなぁ、という、あふれ出る感情をおさえつつ、一解決法として、javascriptを使ってみる、ということでいかがでしょうか？
日本語滅茶苦茶ですね。
サンプル
http://www.hogehogehogehoge.hoge/hogehogehogehoge/test/test/test/test/hogehoge/test/test/test/test/test/hogehoge/test/test/
まあ見ても良く分からないと思いますが、改行コードを含んでない、長いURLです。
何してんの？
非推奨の「<wbr>」というタグがあるのですが、これを入れまくっています。
手動で入れると大変なので、javascript呼び出して、長い半角英数の羅列の所に
class="wbr"
としておくだけで、勝手に<wbr />を入れまくってもらおう、といった魂胆ですね。
やっぱ、javascript呼び出すだけで（class指定はするけど）勝手に色々やってくれるようになるのは便利で良いですよね。ってことで、
呼び出すjsのソース（jquery.js版）
※上の2行及び、「$()」を「j$()」にしているのは、prototype.jsとのバッティングを避けるだけの目的ですので、jquery.jsしか使わないよってな場合は、上の2行はカットして、「j$()」を「$()」に書き換えてくださいな。
JavaScript関連リンク
サイト
Binbo-Special > 技術情報らしきもの > JavaScript
当サイトです。
OPEN SPACE様
様々な情報がありますが、javascript関連のリファレンスも充実しています。
JQUERY日本語リファレンス
jQueryに関するリファレンスサイト。見やすい！です。
書籍
Prototype & script.aculo.us JavaScriptライブラリによるAjaxアプリケーション開発
読み途中ですが、なかなか面白いです。
jQueryで作る Ajaxアプリケーション
jQueryに興味を持ったら読んでみるのも吉。
