テーブルセル(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>
| 強調する/強調する/強調する/強調する/強調する/強調する |
文字列「強調する」は折り返さず、「/」の前後だけで折り返されることを想定しています。
スクリーンショット
WinIE6.0での表示(標準モード)
Moz1.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:標準・互換モードともに不具合は発生しません。


