html - 如何让表格完全忽略浏览器宽度？

Question

我有一个表格，其单元格宽度会根据浏览器的视口(viewport)宽度进行调整。

我正在努力使表格完全不响应视口(viewport)宽度，并且每个单元格的宽度与它需要的宽度一样宽，没有换行符。

我试过设置

table { table-layout: fixed; }

和

table { position: absolute }

和

table { min-width: 100% }

但这些似乎都不起作用。另外，我只想使用 CSS 而不是 JS。

谢谢!

Answer 1

尝试

td {
  white-space:nowrap;
}

这应该可以防止单元格中的内容被破坏，迫使单元格尽可能宽以显示内容。