如何使 HTML 表格单元格水平扩展超出页面末尾？答案

【问题标题】：How to make HTML table cells expand horizontally beyond end of page?如何使 HTML 表格单元格水平扩展超出页面末尾？
【发布时间】：2011-08-10 06:42:58
【问题描述】：

我有一张有很多列的表。表格比页面宽，因此它可以滚动。表格的默认行为似乎是使每列的宽度尽可能小，并允许文本溢出到新行。

我希望我的表格单元格与其内容一起水平增长，并且永远不会溢出到第二行。这可能使用CSS吗？如果没有，是否有人对我如何开始使用 Javascript (jQuery if poss) 执行此操作有任何指示？

【问题讨论】：

【解决方案1】：

你可以使用：

td {
  white-space: nowrap;
}

【讨论】：

【解决方案2】：

您可以将表格宽度设置为 100% 或 *。

【讨论】：

【解决方案3】：

使用

 white-space: nowrap;

将导致单元格占用所需的空间。

【讨论】：