[CSS]文字列の折り返しを禁止する方法

HTMLでテーブルを組んだ時、ブラウザの幅によっては文字列の部分が自動的に折り返されてしまって読みづらくなりますよね。

今回はテーブル内の文字列の折り返しを禁止する方法です。とても簡単です。

スタイルシートで以下の定義を追加してください。

td {
    white-space: nowrap;
}

これでテーブル内の文字列の自動的な折り返しを禁止にできます。
表組みで表示しなければならない場合、body幅を固定するよりも、こちらのほうが使いやすいと思います。