インライン要素への折り返し禁止指定が当該要素の外のブロックに作用する

症状

テーブルセル(th, td)要素の子孫任意のインライン要素に white-space: nowrap; を指定しているとき、その要素だけでなくセル内全体が折り返されずに表示されることがある。

例示

<style type="text/css">
td strong {
  white-space: nowrap;
}
</style>

<table border="2" width="50%">
<tr>
<td><strong>強調する</strong>/……/<strong>強調する</strong></td>
</tr>
</table>
強調する強調する強調する強調する強調する強調する

文字列「強調する」は折り返さず、「/」の前後だけで折り返されることを想定しています。

スクリーンショット

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

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

補足

折り返しが行われるべき場所に空白類文字を挿入するとこのバグを回避できます。

<table border="2" width="50%">
<tr>
<td><strong>強調する</strong><strong>強調する</strong>……</td>
</tr>
</table>
強調する強調する強調する強調する強調する強調する

修正状況

  • N6.2:標準・互換モードともに不具合は発生しません。
  • Moz1.0/N7.0:標準・互換モードともに不具合が発生します。
  • Moz1.0.2/Moz1.3:標準・互換モードともに不具合は発生しません。

スポンサーリンク

関連記事

スポンサーリンク

&演算子 ビットごとの論理積

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

上に戻る