HTML将表格行对齐在顶部

Question

我有一个HTML表格。它看起来如下：

<table>
    <tr>
        <td>Content one</td>
        <td rowspan="2"> Very long content right</td>
    </tr>
    <tr>
        <td>Content two</td>
    </tr>
</table>

如你所见，我在表的右侧有一些非常长的内容，实际上，它太长了以至于它不适合表行给出的高度，因此表变得更高，并且通过这样做，内容一和二不再位于表的顶部，而是沿着整个高度分布自己。我怎么能阻止他们这样做？

编辑：我需要的不是要在顶部对齐的内容，而是实际的行本身。

Answer 1

通常使用CSS进行样式设置。您需要将td元素的CSS vertical-align属性设置为top。

td {
    vertical-align: top;
}

Answer 2

有趣的是，还没有人给出正确的答案，所以我正以令人满意的方式跳出来解决这个问题。

您真正需要的是valign='baseline' CSS属性，以对齐<td>元素的第一个文本行。

td {
  vertical-align: baseline;
}

Answer 3

如果你想让TD在顶部对齐，你需要在CSS中设置TR的垂直对齐而不是TD

Answer 4

<td valign='top' >

Answer 5

您可以在不影响页面高度的情况下使用div作为内部滚动选项。