HTML表格标记教程(11):水平对齐属性ALIGN

接下来我将详细讲解“HTML表格标记教程(11):水平对齐属性ALIGN”的完整攻略。

水平对齐属性ALIGN

在HTML表格中，通过水平对齐属性ALIGN可以控制表格中各个单元格的水平对齐方式，属性值为left、center、right三种取值。

• left：单元格内内容左对齐；
• center：单元格内内容居中对齐；
• right：单元格内内容右对齐。

示例说明

下面是两个示例，用于说明水平对齐属性ALIGN的使用方法：

示例1：左对齐

<table border="1">
  <tr>
    <td align="left">左对齐</td>
    <td align="center">居中对齐</td>
    <td align="right">右对齐</td>
  </tr>
</table>

以上代码会生成如下表格：

左对齐	居中对齐	右对齐
左对齐	居中对齐	右对齐

在以上代码中，我们通过align属性设置单元格的对齐方式，其中第一个单元格的对齐方式为left，第二个单元格的对齐方式为center，第三个单元格的对齐方式为right。

示例2：居中对齐

<table border="1">
  <tr>
    <td align="center">居中对齐</td>
    <td colspan="2">跨列单元格</td>
  </tr>
  <tr>
    <td align="center">居中对齐</td>
    <td>普通单元格</td>
    <td align="right">右对齐</td>
  </tr>
</table>

以上代码会生成如下表格：

-	跨列单元格
居中对齐	跨两列单元格
居中对齐	普通单元格	右对齐

在以上代码中，我们通过align属性设置了第一个单元格和最后一个单元格的对齐方式为居中对齐和右对齐。此外，我们还使用了colspan属性将第二个单元格合并，实现了跨列的效果。