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;
}

更新了 jsFiddle