HTML valign 属性

valign 属性用于设置表格单元格中的内容垂直对齐方式。它适用于表格的 <td> 和 <th> 标签。

语法

<td valign="top|middle|bottom">

属性值

• top: 将单元格中的内容与单元格顶部对齐。
• middle: 将单元格中的内容垂直居中对齐。
• bottom: 将单元格中的内容与单元格底部对齐。

示例

设置单元格内容垂直居中对齐：

<table>
  <tr>
    <td valign="middle">居中对齐</td>
  </tr>
</table>

设置单元格内容顶部对齐：

<table>
  <tr>
    <td valign="top">顶部对齐</td>
  </tr>
</table>

设置单元格内容底部对齐：

<table>
  <tr>
    <td valign="bottom">底部对齐</td>
  </tr>
</table>

注意事项

• valign 属性已过时，应该使用 CSS 中的 vertical-align 属性来代替。
• CSS 中 vertical-align 属性的默认值为 baseline，而 HTML 中 valign 属性的默认值为 middle。
• 单元格中的内容必须是行内元素或表格元素，才能垂直对齐。如果单元格中的内容是块级元素，垂直对齐属性将被忽略。
• 如果在单元格中使用了 colspan 或 rowspan 属性，垂直对齐属性将应用于单元格所跨越的所有行或列。