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

症状

テーブルセル（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>

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

スクリーンショット

補足

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

<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：標準・互換モードともに不具合は発生しません。

スポンサーリンク