垂直对齐tbody

Question

我有一个由thead和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;}

但那不起作用

Answer 1

问题不在于valign，因为它正常工作，问题是元素h1默认有余量，您应该将其设置为0：

＆＃13;

＆＃13;

h1 {
      margin: 0;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;