限制表宽度

Question

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

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

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

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

Answer 1

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

table{
  table-layout:fixed;
}