HTML <th> valign 属性

在 HTML 表格中，<th> 元素用于定义表格的表头单元格。<th> 元素可以包含文本、图片、链接等内容，并且可以使用 valign 属性来控制其垂直对齐方式。

语法

<th> 元素的 valign 属性可以取以下值：

• top：将内容在单元格顶部对齐。
• middle：将内容在单元格中间对齐。
• bottom：将内容在单元格底部对齐。

示例代码

下面是一个简单的示例代码，演示了如何使用 valign 属性来控制 <th> 元素的垂直对齐方式：

// www.javascriptcn.com code example
<table border="1">
  <tr>
    <th valign="top">Name</th>
    <th valign="middle">Age</th>
    <th valign="bottom">Gender</th>
  </tr>
  <tr>
    <td>John Doe</td>
    <td>30</td>
    <td>Male</td>
  </tr>
</table>

在上面的示例中，表头单元格分别使用了 valign="top"、valign="middle" 和 valign="bottom" 来控制其垂直对齐方式。

注意事项

• 使用 valign 属性时，应该确保其值是合法的，即 top、middle 或 bottom。
• valign 属性只能应用于 <th> 元素，不能应用于 <td> 元素。

总结

通过本文的学习，你应该已经了解了 HTML <th> 元素的 valign 属性的基本用法和注意事项。在实际开发中，根据表格内容的需求，合理使用 valign 属性可以让表格显示更加美观和清晰。希望本文能够帮助到你，谢谢阅读！