html - HTML 3.1 中的垂直对齐顶部

Question

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

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

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

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

感谢帮助！

Answer 1

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

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

Answer 2

您可以使用属性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 3

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

td, th {
    vertical-align: top;
}

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

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