overflow-x不适用于td中包含的内容

Question

是否有办法允许比屏幕/视口更宽的允许内容水平溢出，而不会干扰页面结构的其余部分？具体来说，当我的内容全部包含在table>tbody>tr>td？

中时

这个概念适用于this fiddle，您可以看到所有内容都以垂直方式在页面上很好地构建，用户可以在非常宽的表格中水平滚动。

然而，同样的概念在this other fiddle中崩溃，其中屏幕/视口爆炸并试图容纳非常宽的桌子的整个宽度。这是不受欢迎的。

在我的最终实现中，我无法将内容从最外层的table>tbody>tr>td中拉出来，因为这是我无法控制的（我在Salesforce中创建自定义页面）。

如果可能的话，我宁愿避免使用JavaScript，但如果这是唯一的选择，我会接受建议。谢谢你的时间。

Answer 1

如果您无法使用div元素替换表格，则可以将相应的元素display: block显示为div s：

http://jsfiddle.net/yQEn9/3/

.div{
    display: block;
}