今日の疑問！

<table width="300">
<tr>
<td>かおりんちょ</td>
<td>エジプトのプトレマイオス王朝最後の女王。正式には「かおりんちょ7世」。美貌と教養・機知を併せ持ち、ローマの有力者を手玉に取ったとして古代随一の有名な女性。</td>
</tr>
<tr>
<td>かめ</td>
<td>中国唐代の皇妃。玄宗皇帝の寵姫。蜀出身。あまりにも玄宗皇帝が寵愛しすぎたために安史の乱を引き起こしたので傾国の美女と呼ばれる。</td>
</tr>
<tr>
<td>やま</td>
<td>安土桃山時代に活躍した盗賊である。出生地は伊賀国・河内国・丹後国・遠江国（現・浜松市）などの諸説がある。あまりの悪逆非道ぶりのために三条河原で釜煎の刑に処せられたとされている。</td>
</tr>
</table>

たとえばこういうテーブルがあったとします。これを表示するとこうなります。

テーブルの幅だけ決定していて（300ピクセル）項目と内容は成り行きでいいのだけれど、長いタイトル項目でも折り返さないで表示したい時どうしてますか？　タイトル項目のセルの幅を設定すればいいですよね。「かおりんちょ」はフォントサイズを10ピクセルに設定してるので6文字だから、マージンとかはこの際無視したとして td width="70" くらいにしておけばまあ安全だと思います。

<table width="300">
<tr>
<td width="70">かおりんちょ</td>
<td>エジプトのプトレマイオス王朝最後の女王。正式には「かおりんちょ7世」。美貌と教養・機知を併せ持ち、ローマの有力者を手玉に取ったとして古代随一の有名な女性。</td>
</tr>
<tr>
<td>かめ</td>
<td>中国唐代の皇妃。玄宗皇帝の寵姫。蜀出身。あまりにも玄宗皇帝が寵愛しすぎたために安史の乱を引き起こしたので傾国の美女と呼ばれる。</td>
</tr>
<tr>
<td>やま</td>
<td>安土桃山時代に活躍した盗賊である。出生地は伊賀国・河内国・丹後国・遠江国（現・浜松市）などの諸説がある。あまりの悪逆非道ぶりのために三条河原で釜煎の刑に処せられたとされている。</td>
</tr>
</table>

ところが、ブラウザによってフォントサイズが違ったり、ブラウザのフォント表示を大きくしている場合は「かおりんちょ」の文字列の長さがピクセルで設定したセル幅を超えるとやっぱり折り返されてしまいますから、セル幅をピクセルで設定するのがまずい場合がありますよね。

こんな時は「かおりんちょ」のセルにスタイルとして white-space: nowrap を入れるとバッチリでっす！（泣）　もちろんタグに直接スタイル属性を設定しなくても OK です。

<table width="300">
<tr>
<td style="white-space: nowrap">かおりんちょ</td>
<td>エジプトのプトレマイオス王朝最後の女王。正式には「かおりんちょ7世」。美貌と教養・機知を併せ持ち、ローマの有力者を手玉に取ったとして古代随一の有名な女性。</td>
</tr>
<tr>
<td>かめ</td>
<td>中国唐代の皇妃。玄宗皇帝の寵姫。蜀出身。あまりにも玄宗皇帝が寵愛しすぎたために安史の乱を引き起こしたので傾国の美女と呼ばれる。</td>
</tr>
<tr>
<td>やま</td>
<td>安土桃山時代に活躍した盗賊である。出生地は伊賀国・河内国・丹後国・遠江国（現・浜松市）などの諸説がある。あまりの悪逆非道ぶりのために三条河原で釜煎の刑に処せられたとされている。</td>
</tr>
</table>

試しにブラウザのフォントサイズを大きくして見比べてみてください！