如何使HTML表格自动宽度但大于屏幕?

Ken*_*itt 0 javascript css html-table

我有一张宽桌子 - 可能非常宽 - 我希望桌子尽可能宽,以适应一切,即 - 如果宽度是auto(并且屏幕更宽).

但是,默认情况下,表似乎永远不会超过其容器的大小!

我找到了一个使用JavaScript的答案,但是还有纯CSS答案吗?或者更好的JavaScript解决方案?

这是一个带有示例表的JSFiddle小提琴.请注意,在这个例子中,内容比"屏幕"大,但所需的效果应该引起细胞的宽度必须足够大,以使每个小区的文本是所有在同一行.

根据GChabot的回答,我不希望细胞比它们的内容更大.根据他们随后的评论,通过"适合一切",我当然指的是金发姑娘的合身,即恰到好处,以便内容不会包裹,但不会更大.

epa*_*llo 6

设置细胞,使它们不包裹

td { white-space: nowrap; }
Run Code Online (Sandbox Code Playgroud)