table - tbody垂直对齐

  显示原文与译文双语对照的内容

我有一个 table 和tbody分离的。 tbody中的文本是垂直居中的。 我想让它显示在tbody的顶端。


<thead>
 <tr>
 <td>.... </td>
 </tr>
</thead>
<tbody> 
 <tr>
 <td colspan="5">
 <h1>Hi</h1>
 <p> Hello!
 </p>
 </td>
 </tr>
</tbody>

我尝试了一些类似的事情:


tbody { vertical-align:top;}

但那不工作

时间: 作者:

问题与 valign 正常工作不同,问题是缺省情况下,元素 h1 有 margin,你应该将它设置为 0:


h1 {
 margin: 0;
}

<table border="1">
<thead>
 <tr>
 <td>.... </td>
 <td>.... </td>
 </tr>
</thead>
<tbody valign="top"> 
 <tr>
 <td>
 <h1>Hi</h1>
 <p> Hello!</p>
 </td>
 <td>
 A
 </td>
 </tr>
</tbody> 
</table>
作者:
...