如何使HTML表格适合所提供的空间？

Question

我有一个以Bootstrap列为中心的HTML表，但是当屏幕尺寸太小时，即使它左边有空间，它也会被切断。此外，单个细胞之间似乎还有一些额外的空间。 cellspacing="0"无效。

在我的代码中使用媒体查询，随着屏幕变小（以及字体），我减小了表的大小。示例：

  @media (max-width: 560px) {
      body {
        font-size: 20px;
      }
      table {
        width: 280px!important;
        font-size: 18px;
      }
    }

即使我对表使用margin: auto，当屏幕较小时，表似乎不会居中。

Here是我的HTML页面，您可以在其中查看表格（如果您减小窗口大小，则会在表格跨越列边框时看到）。我的字体/宽度是否太大而无法放入空间，或者是否可以通过居中并移除一些单元格间距来适应它？

Answer 1

您是否尝试过添加宽度：100％？