html - 无法调整表格大小以适应 div 内容

Question

我希望你能帮忙，问题是我有一个表格，我无法设置它的最大宽度并且它与 div 重叠。我试图在 CSS 中更改它的 div 但没有成功。

修复表是表的 div，我也尝试将它包含在另一个名为 tableholder 的 div 中，但再次失败。

.repairstable {
     margin-left: 10px;
     margin-right: 10px;        
     table-layout:fixed;
     overflow:hidden;
     max-height:125px;
     max-width:75px;
}
#tableholder {
    width 300px;
}

Answer 1

表格总是扩展到最小宽度，以使每行中的所有单元格正确显示。如果您将表格限制为 300 像素，并且您有两个单元格，每个单元格都包含一些非常长的单词(比如 160 像素)，那么表格的宽度将为 320 像素。

因此您必须确保表格内容适合您的最大宽度。