半角英数字を改行する

今更ですが、時間があいたのでメモ。

「URLなど半角英数文字を流したときに

自動改行せず、レイアウトからはみ出してしまう。」

CSSで回避

---------------------------------------

word-break: break-all;/* 半角英数改行IE対応 */

---------------------------------------

※IE、safari、Google Chrome～word-breakプロパティ実装

※Firefox、Opera～word-breakプロパティ未実装→使えません。

※「W3C CSS検証サービス」でエラー

　　　　　　　　　　　Ｌエラー内容/CSS2.1は非対応です。（3より対応）

【参考になるブログ】

■「to-R」さんのブログで

FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリが紹介されています。

※table要素に対応してるようです。

■Webtech Walkerさん

→　word-break:break-allをFirefox等でも実現するjavascript（jQuery）

■MEMO 4 MEさん

→　半角英数による横幅崩れ

いろいろ参考になる記事があるので、

その時々で、使ってみようと思います。

やはり

　　 word-break: break-all

の対応だけでは無理っすかね……精進。

Work Note