HTML DOM 表头对齐属性

介绍

HTML DOM（Document Object Model）表头对齐属性定义了表格中表头单元格中文本的对齐方式。使用这个属性可以使表头文字更加整齐清晰，提高表格的可读性。

语法

表头对齐属性的语法如下：

<th align="left|center|right">

其中，align属性可以设置三个值：

• left：左对齐；
• center：居中对齐；
• right：右对齐。

示例

以下是使用表头对齐属性的示例：

<table>
  <caption>测试表格</caption>
  <thead>
    <tr>
      <th>编号</th>
      <th align="center">名称</th>
      <th align="right">价格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>001</td>
      <td>测试商品1</td>
      <td align="right">$50.00</td>
    </tr>
    <tr>
      <td>002</td>
      <td>测试商品2</td>
      <td align="right">$45.00</td>
    </tr>
    <tr>
      <td>003</td>
      <td>测试商品3</td>
      <td align="right">$80.00</td>
    </tr>
  </tbody>
</table>

在上面的示例中，我们为表头单元格中的名称和价格分别定义了不同的对齐方式，使表格更加整洁有序。

注意事项

• align属性已经不再是HTML5的标准属性，取而代之的是text-align属性。但是，在许多老旧的站点中，align仍然被广泛使用。
• 表头单元格中的文字对齐方式可以被继承到其它单元格中，从而使整个表格都能够遵循相同的对齐方式。