css - HTML 表格单元格 的默认宽度是多少？

Question

我一直没能找到这个问题的答案:规范或 UA 文档中的哪里是 <td> 的默认宽度定义？

我搜索了 HTML Living Standard , HTML5 Recommendation ，以及各种其他来源。

我的理解(基于使用和观察)是，默认情况下，表格单元格将占据其所在列的整个宽度。如果列中存在其他单元格，则不能为单元格指定与列不同的宽度。

我正在寻找此行为的官方确认，最好是在 W3C 或用户代理文档中。但任何权威引用都是可以接受的。

Answer 1

表格单元格的物理/视觉宽度不是由 HTML 定义的，而是由 CSS 定义的。 CSS 2.1 规范有一个完整的部分专门用于 table layout补充了 HTML 对表格数据的描述。

此外，CSS 本身 does not fully define如何计算单元格的宽度。它使用固定表格布局算法:

In the fixed table layout algorithm, the width of each column is determined as follows:

1. A column element with a value other than 'auto' for the 'width' property sets the width for that column.
2. Otherwise, a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. If the cell spans more than one column, the width is divided over the columns.
3. Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing).

The width of the table is then the greater of the value of the 'width' property for the table element and the sum of the column widths (plus cell spacing or borders). If the table is wider than the columns, the extra space should be distributed over the columns.

但除了自动表格布局的粗略指南外，它没有提供任何内容，用户代理可以自由遵循或偏离这些指南(它列出了一个与固定表格布局不同的分步过程，但整个列表是非规范的)。 一般您可以期待 UA 在 most 中的一致行为common场景——如您所见，自动调整大小的表格单元格通常会占用其内容所需的空间，不会更多。但是深入研究边缘情况，你会发现各种各样的 crazy .