0

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

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

第一列只有一行文本,第二列有更多文本。现在第一列在中心垂直对齐(标准行为)。

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

感谢帮助!

4

3 回答 3

1

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

<table>
  <tr valign=top><td>...<td>...
  <tr valign=top><td>...<td>...
  ...
</table>
于 2013-01-18T11:22:20.010 回答
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>
于 2013-01-18T08:34:34.530 回答
0

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

td, th {
    vertical-align: top;
}

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

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

于 2013-01-18T08:33:33.160 回答