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

Posted 2023-03-05

【中文标题】如何使 HTML 表格单元格水平扩展超出页面末尾？

【英文标题】：How to make HTML table cells expand horizontally beyond end of page?

【发布时间】：2011-08-10 06:42:58

【问题描述】：

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

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

【参考方案1】：

你可以使用：

td 
  white-space: nowrap;

【参考方案2】：

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

【参考方案3】：

我想这可能是你想要的。 http://geekswithblogs.net/TimH/archive/2006/04/16/75318.aspx

使用

 white-space: nowrap;

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