限制表寬度

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你應該能夠得到你想要什麼填充。