Css 限制工作台宽度

Css 限制工作台宽度,css,css-tables,Css,Css Tables,我有一个最大700px宽的html表,我不知道有多少列(3到10列)。我希望所有元素都有5px的填充,但这会增加表格的宽度,并导致表格所在的div显示水平滚动条 因为我不知道列的数量,所以不可能从总宽度中减去由填充添加的额外px 将溢出值放在div上没有意义,因为它只会掩盖700px以外的列 有没有办法解决这个问题,对表的宽度设置一个适当的硬限制?将表的宽度设置为100%,将其父div的宽度设置为700px。最好的解决方案是您现在使用的解决方案 由于无法预测列数,因此无法为每列设置宽度。因此,将

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

因为我不知道列的数量,所以不可能从总宽度中减去由填充添加的额外px

将溢出值放在div上没有意义,因为它只会掩盖700px以外的列


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

将表的宽度设置为100%,将其父div的宽度设置为700px。

最好的解决方案是您现在使用的解决方案


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

你在设置什么填充


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

使用下面的CSS,这将防止您的表格超过您定义的最大大小:

table{
  table-layout:fixed;
}

我还没有尝试过这个方法,但是在td上添加填充物会增加桌子的宽度请记住为桌子及其所有部分设置宽度s@AmirAliAkbari我觉得这没必要,只是把它放在桌子上就行了。我希望如此。这还不够,表格将忽略它的
width:100%
value。