トップ  »  CSS  »  半角英数字の文字列を折り返す

2008年11月 5日

半角英数字の文字列を折り返す

英語のurlを表示したとき、折り返されずレイアウトをつきやぶってしまう。これを防ぐにはword-break:break-all;を指定すればいい。ただし、IEのみに有効。


a  {word-break:normal; }
日本語は領域に合わせて、単語の途中で折り返すが、英語は折り返されない(デフォルト)

a  {word-break:keep-all; }
表示言語にかかわらず単語の切れ目(スペース)でのみ折り返す

a  {word-break:break-all; }
表示言語にかかわらず、単語の途中で折り返す

IE以外でもJSをつかえば、word-break:break-all;を使えます。 詳細は、word-break:break-allをFirefox等でも実現するjavascript(jQuery) - Webtech WalkerFirefoxとOperaでword-break:break-allを実現する「wordBreak.js」[to-R]を参考に

トラックバック(0)

このブログ記事を参照しているブログ一覧: 半角英数字の文字列を折り返す

このブログ記事に対するトラックバックURL: http://magic-happens.net/mt/mt-tb.cgi/45

コメントする

Top of Pageページの先頭へ

© Magic Happens