HTML 如何将文本对齐至
单元格顶部

在本文中，我们将介绍如何使用 HTML 将文本对齐至 <td> 单元格顶部的方法。

阅读更多：HTML 教程

1. 基本使用方法

要将文本对齐至 <td> 单元格顶部，可以使用 CSS 属性来实现。通过设置 <td> 的样式来改变文本的垂直对齐方式。在 CSS 中，可以使用 vertical-align 属性来控制元素的垂直对齐方式。

<table>
  <tr>
    <td style="vertical-align: top;">顶部对齐的文本</td>
    <td>默认对齐的文本</td>
  </tr>
</table>

上面的示例代码中，我们给一个 <td> 元素添加了 style 属性，并将 vertical-align 设置为 top。这样就将该单元格内的文本对齐至顶部。

2. 使用类选择器来对多个单元格应用样式

如果需要对多个 <td> 单元格应用相同的样式，我们可以使用类选择器来简化代码。

<style>
  .align-top {
    vertical-align: top;
  }
</style>

<table>
  <tr>
    <td class="align-top">顶部对齐的文本</td>
    <td class="align-top">顶部对齐的文本</td>
    <td>默认对齐的文本</td>
  </tr>
</table>

在上述示例中，我们使用类选择器 .align-top 来将多个 <td> 单元格的文本对齐至顶部。

3. 对表格中的所有单元格应用样式

如果想要将整个表格的所有单元格的文本对齐至顶部，可以使用样式选择器来实现。

<style>
  table td {
    vertical-align: top;
  }
</style>

<table>
  <tr>
    <td>顶部对齐的文本</td>
    <td>顶部对齐的文本</td>
    <td>顶部对齐的文本</td>
  </tr>
</table>