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

Question

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

这种行为来自哪里？

Answer 1

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

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

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

Answer 2

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

DEMO： http://jsfiddle.net/aPPAL/1/

查看结果。