word-breakがブロックレベル要素以外で効かない

症状

ブロックレベル要素以外ではword-breakプロパティの指定が無視される。

例示

<p><span style="word-break:break-all;">AAA……</span></p>
<p style="word-break:break-all;"><span>BBB……</span></p>

AAAAAAAAAAAAAAAAAAAA-AAAAAAAAAAAAAAAAAAAA

BBBBBBBBBBBBBBBBBBBB-BBBBBBBBBBBBBBBBBBBB

word-break:break-all; 指定(単語の切れ目であっても折り返しを行う)をインライン要素に指定した場合とブロック要素に指定した場合とを比較しています。「AAA……」や「BBB……」の途中で折り返されるかを確認してください。なお、通常はハイフンの直後で折り返されます。

スクリーンショット

WinIE6WinIE6.0での表示(標準モード)

補足

2001年5月17日のCSS3草案までは、word-breakプロパティはブロックレベル要素にのみ適用可能であると定めていました。現在のWinIEはこれに基づいた実装であると考えられます。一方、2002年5月23日のCSS3草案以降は、word-breakプロパティはすべての要素に適用可能であると定めています。ただし、まだ勧告に至っていないために今後この規定が変更される可能性があります。

修正状況

WinIE6.0の標準モード、互換モードで不具合の発生を確認しました。

WinIE7でも発生します。

スポンサーリンク

関連記事

スポンサーリンク

AddLink - 内部リンク(ページ内のリンク)を生成します。

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る