限制表宽度

Question

我有一个最大700px宽的html表，我不知道会有多少列（3到10之间）。我希望所有<th>元素都有5px填充，但这会增加表格的宽度并导致它所在的div显示水平滚动条。

由于我不知道列数，因此无法从总宽度中减去填充所添加的额外px。

在div上设置溢出值没有意义，因为它只会使列超出700px。

有没有办法解决这个问题，为表格的宽度设置适当的硬限制？

Answer 1

使用下面的CSS，这可以防止您的表超出您定义的最大大小：

table{
  table-layout:fixed;
}

Answer 2

将表格宽度设置为100％，将父格式宽度设置为700px。

Answer 3

最好的解决方案就是你现在正在使用的解决方案。

由于无法预测列数，因此无法为每列设置宽度。因此，将父div的溢出设置为auto并将子表宽度设置为100％是最佳解决方案。

Answer 4

你在设置填充是什么？

如果您在表上设置宽度，在 td 上设置填充，则应该能够获得您想要的内容。