css - テーブル行で td 要素が折り返されないようにするにはどうすればよいですか

Question

多くのテーブルデータ (td) 要素を含むテーブル行 (tr) がありますが、ページのサイズを水平方向に変更すると、td 要素をラップするのではなく、下部にスクロールバーを表示したいと考えています。

次のCSSを設定しようとしましたが、役に立たないようです：

td {
    white-space:nowrap;
}

http://jsfiddle.net/EaVTP/で例を見ることができます。

何か案は？

ありがとう

編集「nowrap」は必要ないことがわかりました。欠けていたスタイルは「オーバーフロー」であり、競合する「幅 = 100%」を継承していました。

score 0 · Accepted Answer

min-widthテーブル自体に設定する必要があります。

table {
    min-width:200px;
}

1 に答える 1