css - 如何防止 td 元素在表格行中换行

Question

我有一个包含许多表数据 (td) 元素的表行 (tr)，但是当页面水平调整大小时，我希望滚动条出现在底部而不是环绕 td 元素。

我已经尝试设置以下 css，但它似乎没有帮助:

td {
    white-space:nowrap;
}

您可以在以下位置查看示例:http://jsfiddle.net/EaVTP/

有什么想法吗？

谢谢

编辑 事实证明我不需要“nowrap”，我缺少的样式是“溢出”并且我继承了一个冲突的“width=100%”。

Answer 1

您需要在表格本身上设置 min-width:

table {
    min-width:200px;
}

Updated jsFiddle