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

有趣的是，还没有人给出正确答案，所以我要以令人满意的方式结束这个问题。

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

td {
  vertical-align: baseline;
}