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;
}