HTMLを組む際にたまにぶち当たる連続半角英数の文字列の壁。
全くスペースなしの連続半角英数の文字列はブラウザ上では自動改行されず、
その文字列だけエリアを無視して突き抜けたり、
突き抜けた挙げ句にレイアウトを崩したり、
なにかと厄介だったりします。
通常の静的なWebサイトなら適当なところで<br />で改行させてしまえばいいのですが、
プログラムと絡んだページではURLなど取得するところでこの問題に頭を抱えることになったりします。
IE限定ではこの連続半角英数を改行させる指定、
—————————————
div{ word-break: break-all;}
—————————————
があったりしますが、やはりIEだけでは意味が無く…
(最近ではFirefoxも対応しているらしいですが未確認…)
JavaScriptやjQueryを使ってこれを実現することも可能なようです。
≫FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
≫word-break:break-allをFirefox等でも実現するjavascript(jQuery)
どちらも有効的なライブラリですが、
できればこの様な手間は少なくしたいですね。
CSS3では「word-break」は正式採用となっているようですが、
早くブラウザ側が対応してくれることを願うばかりです。
何かいい方法がありましたら情報ください。