HTML 3.1中的垂直对齐顶部

Question

我被迫在HTML 3.1中实现HTML表格（不，没有机会升级:(）

现在，我创建了一个包含两列的简单表。

第一列只有一行文本，第二列有更多文本。现在，第一列在中心垂直对齐（标准行为）。

如何在HTML 3.1中将列垂直对齐到顶部？ ：/

感谢您的帮助！

Answer 1

您可以使用属性valign或css属性vertical-align

<table>
<tr>
<td valign="top">1</td>
<td>2<br />3<br />4</td>
</tr>
</table>

或与css

<table>
   <tr>
      <td style="vertical-align: top;">1</td>
   </tr>
</table>

Answer 2

最安全的方法是将两列对齐到顶部（以防某些内容在某一天发生变化，以便第一个单元格内容变得更高）。您可以通过在tr元素上设置垂直对齐来实现此目的;然后它会影响该行中的所有单元格。您需要在HTML中每行执行此操作（但在CSS中，您只能使用一个规则）：

<table>
  <tr valign=top><td>...<td>...
  <tr valign=top><td>...<td>...
  ...
</table>

Answer 3

您可以使用以下CSS执行此操作：

td, th {
    vertical-align: top;
}

现在每个表格单元格都会将文本垂直对齐到顶部。请不要使用HTML版本（valign），因为现在CSS是正确的方式。

正如您有机会使用HTML5时进一步开发的信息一样：HTML5中不支持valign。它可能会起作用，但标记将无效。