html - HTML 表格列的宽度分配取决于行数

Question

我发现 HTML 表格的一个非常奇怪的行为，其中单元格的宽度分配取决于行数。如果我有 2 行，则单元格的宽度都相同，但是当我插入另一行时，第一列会扩大一点，第二列比其他列窄。我在fiddle上上传了一个示例。当您删除 HTML 中第三行周围的注释时，您会看到此行为。

这种行为从何而来？

Answer 1

表格单元格将扩展到内容，除非它们具有固定宽度。在您的示例中，您在表格中有表格。表格往往具有默认值，例如填充和单元格间距。

为了解决这个问题，您可以使用重置样式表并根据您的选择修改表格及其单元格的 CSS

如果您真的希望它是像素完美的，您可能还需要执行 CSS 声明，例如折叠边框。

Answer 2

实际上，列在标题或单元格内的内容基础上扩展和收缩

演示：http: //jsfiddle.net/aPPAL/1/

看到结果。