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

【问题标题】：why TDs display within a TR displays in the same line?为什么 TD 在 TR 中显示在同一行？
【发布时间】：2010-11-06 16:14:15
【问题描述】：

TD是块元素，

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

为什么？

【问题讨论】：

【解决方案1】：

因为它们用于表格数据。

【讨论】：

【解决方案2】：

TR = 表格行。您还希望它表现如何？

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

TD 实际上并不是技术上的“块”元素。看看CSS display property。单元格在技术上属于“表格单元格”类型，它们是一种特殊情况。

还有一种叫做“inline-block”的显示方式很有用。

【讨论】：

【解决方案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 下方。

【讨论】：