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