我不得不在 HTML 3.1 中实现一个 HTML 表格(不,没有机会升级 :( )
现在,我创建了一个包含两列的简单表。
第一列只有一行文本,第二列有更多文本。现在第一列在中心垂直对齐(标准行为)。
如何使列在 HTML 3.1 中垂直对齐到顶部?:/
感谢帮助!
我不得不在 HTML 3.1 中实现一个 HTML 表格(不,没有机会升级 :( )
现在,我创建了一个包含两列的简单表。
第一列只有一行文本,第二列有更多文本。现在第一列在中心垂直对齐(标准行为)。
如何使列在 HTML 3.1 中垂直对齐到顶部?:/
感谢帮助!
将两列都对齐到顶部是最安全的(以防万一有一天内容发生变化,从而使第一个单元格内容变得更高)。您可以通过在tr
元素上设置垂直对齐来实现;然后它会影响该行中的所有单元格。但是,您需要在 HTML 中的每一行执行此操作(在 CSS 中,您可以只使用一个规则):
<table>
<tr valign=top><td>...<td>...
<tr valign=top><td>...<td>...
...
</table>
您可以使用属性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>
您可以使用以下 CSS 执行此操作:
td, th {
vertical-align: top;
}
现在每个表格单元格的文本都将垂直对齐到顶部。请不要valign
为此使用 HTML 版本 ( ),因为如今 CSS 是正确的方式。
就像您有机会使用 HTML5 时进一步开发的信息一样:HTML5valign
不支持。它可能会起作用,但标记将无效。