HTML3.1中的垂直对齐顶部

HTML3.1中的垂直对齐顶部,html,Html,我不得不在HTML3.1中实现一个HTML表(不,没有机会升级:() 现在,我创建了一个包含两列的简单表 第一列只有一行文本,第二列有更多文本。现在第一列在中心垂直对齐(标准行为) 在HTML 3.1中,如何使列与顶部垂直对齐/ 感谢您的帮助!您可以使用以下CSS来完成此操作: td, th { vertical-align: top; } 现在,每个表格单元格的文本都将垂直对齐到顶部。请不要使用HTML版本(valign),因为现在CSS是正确的方式 当您有机会使用HTML5时,作为

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

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

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

在HTML 3.1中,如何使列与顶部垂直对齐/


感谢您的帮助!

您可以使用以下CSS来完成此操作:

td, th {
    vertical-align: top;
}
现在,每个表格单元格的文本都将垂直对齐到顶部。请不要使用HTML版本(
valign
),因为现在CSS是正确的方式


当您有机会使用HTML5时,作为进一步开发的信息:
valign
在HTML5中不受支持。它可能会工作,但标记将无效。

您可以使用属性或css属性


1.
2
3
4
或者使用css

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

1.

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


......
......
...

没有HTML 3.1,也从来没有。您应该澄清文档显示或以其他方式处理的具体情况;这将有助于了解真正支持的HTML。HTML5草稿需要继续支持属性,如
valign
(除了声明它们已过时)。
<table>
   <tr>
      <td style="vertical-align: top;">1</td>
   </tr>
</table>
<table>
  <tr valign=top><td>...<td>...
  <tr valign=top><td>...<td>...
  ...
</table>