HTML | 对齐属性

简介

HTML中的<tfoot>标签定义了HTML表格中的表尾（footer）部分。在<tfoot>中可以定义<tr>标签，并在其中添加表格单元格(<td>或<th>)。<tfoot>标签必须与<table>标签一起使用。

<tfoot>支持多种属性，其中一个常用的属性是align属性。本文将介绍<tfoot>标签的align属性。

align属性

<tfoot>的align属性规定了表格单元格中内容的水平对齐方式。align属性有以下属性值：

• left: 将单元格中的内容左对齐。
• center: 将单元格中的内容居中对齐。
• right: 将单元格中的内容右对齐。
• justify: 将单元格中的内容两端对齐。
• char: 规定应该在字符处对齐文本。

下面是一个带有<tfoot>的表格示例，其中<tfoot>的align属性设置为center:

<table>
  <thead>
    <tr>
      <th>公司</th>
      <th>员工数</th>
      <th>年营业额</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>公司 A</td>
      <td>1000</td>
      <td>1000万美元</td>
    </tr>
    <tr>
      <td>公司 B</td>
      <td>2000</td>
      <td>2000万美元</td>
    </tr>
    <tr>
      <td>公司 C</td>
      <td>5000</td>
      <td>5000万美元</td>
    </tr>
  </tbody>
  <tfoot align="center">
    <tr>
      <td colspan="3">总计</td>
    </tr>
  </tfoot>
</table>

以上的示例将所有单元格中的内容居中对齐，包括表格底部的总计。可以将tfoot的align属性设置为其他属性值以实现其他对齐方式。

结论

在HTML表格中使用<tfoot>标签可以添加表格底部的附加信息，同时使用align属性可以控制单元格内容的水平对齐方式，使表格更具有美感。

参考链接

• HTML Tag
• HTML align Attribute