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を実現する

[sayaemon]

英文改行用の対処法。地味に困ってたから助かった

[omocoro-bookmark]

改行問題

[mochinaga]

改行問題

[nakachop]

ブラウザの使用なんだからあきらめてくれとはクライアントに言えないのですよ

[tsutomura]

英文対応

[s5-style]

URLやメールアドレスなどの半角英数字を羅列した際に、それを包括する要素を突き抜けてレイアウト崩れが発生することを回避

[ToshinoriYamanaka]

半角英数字を改行する

[shunk76]

wordBreak.js