metaphase coder team labs - 半角英数字を改行する2009年5月22日 16:02 URLやメールアドレスなどの半角英数字を羅列した際に、それを包括する要素を突き抜けてレイアウト崩れが発生することがあります。 これは、スペース等の区切りが登場するまで一つの単語として認識され、通常では改行されません。 これをJSで解決されてたブログを見つけたのでご紹介します。 CSSにて[word-break:break-all;]と指定すれば、半角英数字の文字列の途中であっても領域に合わせて改行することが可能です。 しかし、これはIEでしか対応しておらず、そのほかのブラウザでは対応していません。 「to-R」というブログで「wordBreak.js」というものが公開されており、IE以外のブラウザでも[word-break:break-all;]と同様の効果が得られるようです。 FirefoxとOperaでword-break:break-allを実現する
