为什么TD在TR显示器中显示在同一行？

Question

TD是一个块元素，

但显示内联，例如，TR显示中的几个TD在同一行中，

为什么？

Answer 1

TD实际上并不是技术上的“阻止”元素。看看CSS display property。细胞在技术上属于“table-cell”类型，它们是一种特殊情况。

还有另一种称为“内联块”的显示器可能很有用。

Answer 2

因为它们是表格数据。

Answer 3

因为，这就是表的工作方式。

Answer 4

TR =表格行。你还想要它的表现吗？

Answer 5

如果您希望<td>显示为“阻止”，只需在当前<tr>下方添加另一个<tr>即可。这将有效地使<td>行为像块级元素。

假设你有一张这样的表：

<table>
    <tr>
        <td>Table cell A</td>
        <td>Table cell B</td>
    </tr>
</table>

并且您希望“表格单元格B”充当“块”。你可以这样做：

<table>
    <tr>
        <td>Table cell A</td>
    </tr>
    <tr>
        <td>Table cell B</td>
    </tr>
</table>

这将表格单元格B移动到表格单元格A下面。