改造というほどのものでもないのですが、覚え書きとして。
エントリーに半角文字を連続させて書くと、幅を狭くした時に右にはみだしてしまいます。
ときどき折り返されずにはみ出してしまうことがあったので、ちょこっと細工してみました。
スタイルシート内の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: