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

Question

我希望只要文章的宽度超过网页布局中的可用宽度，就可以在文章中对表格进行水平滚动。我试图用CSS实现这一点，但失败了。所以我必须使用jQuery将所有内容包装在div中：$('table.data').wrap('<div class="tcontain" />');。然后我将以下CSS应用于tcontain div：width:100%;overflow-x:scroll;

这有效，但我想避免使用JavaScript。请帮忙！

Answer 1

我找到了这个解决方案，但不幸的是它在IE中不起作用，甚至IE9也无法使用。

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

<强> Exaple fiddle

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

Answer 2

将表格宽度设为100％。

table{width: 100%;}