エントリーの半角文字を折り返す


改造というほどのものでもないのですが、覚え書きとして。

エントリーに半角文字を連続させて書くと、幅を狭くした時に右にはみだしてしまいます。
ときどき折り返されずにはみ出してしまうことがあったので、ちょこっと細工してみました。
スタイルシート内のbodyやblockquoteの設定に

word-break: break-all;

を追記します。
「改行方法を表示範囲に併せて改行する」という設定です。
ちなみにword-breakのプロパティは以下三つ。

normal
英語等は単語の途中では改行せず、単語の切れ目で改行されます。
日本語・中国語・韓国語等は表示範囲に合わせて改行されます。このため単語の途中で改行されることもあります。
break-all
言語に関係なく表示範囲に合わせて改行されます。このため単語の途中で改行されることもあります。
keep-all
言語に関係なく単語の途中では改行せず、単語の切れ目で改行されます。

IE独自タグなので、ブラウザで動作しないのもありますがIE・Sleipnirでは言うことを聞いてくれます。
入れないよりはマシだと思いますので、突っ込んでおきました。

■スタイルシートリファレンスさんより抜粋
word-breakプロパティは、W3Cで審議中のものをInternet Explorerが独自に採用したもので、 表示範囲に合わせて改行するか、単語の切れ目で改行するかなど、文の改行の仕方について指定する際に使用します。

なお、英語の途中にスペースがある場合はそこで折り返されるようです。
ブラウザはIE6.0・Netscape7.1・Sleipnir1.66辺りで検証。
Opera7.23では独自仕様らしく"/"や"-"等で折り返されます。

トラックバックURL

このエントリーのトラックバックURL:

コメントしてください




保存しますか?