水平滚动表而不将它们包装在div中

Question

我想在文章中的表的宽度超过网页布局中的可用宽度时启用水平滚动。我试图仅使用CSS来实现这一点，但是失败了。因此，我不得不使用jQuery：将所有文件包装在div中$('table.data').wrap('<div class="tcontain" />');。然后我将以下CSS应用于tcontaindiv：width:100%;overflow-x:scroll;

这可行，但我想避免使用JavaScript。请帮忙！

Answer 1

我找到了此解决方案，但不幸的是，它在IE中甚至都无法在IE9中使用。

table{
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

举例说明

最后，如果您想避免更改文件中标记的麻烦，我认为您的JS解决方案将是最好的。