HTML | 对齐属性

<colgroup> 标签定义表格列的组。通过 <col> 元素为一列指定样式，也可以在<colgroup> 标签中使用 align 属性来对齐所有列。

语法

<colgroup align="left|center|right|justify|char">
    <col>
    <col>
    <col>
</colgroup>

属性值

• align="left"：列左对齐。
• align="center"：列居中对齐。
• align="right"：列右对齐。
• align="justify"：列两端对齐。
• align="char"：使用 char 属性值对齐所有字符。

示例

<table>
  <colgroup align="right">
    <col>
    <col>
    <col>
  </colgroup>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>小明</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>小红</td>
    <td>23</td>
    <td>女</td>
  </tr>
</table>

解释：上面的示例中，<colgroup align="right"> 将表格列右对齐，包含了三列，然后 <th> 元素代表表格的表头，<td> 元素代表表格的单元格，通过这些元素，我们就可以快速创建一个带对齐属性的表格了。

总结

<colgroup> 标签可以为一组表格列指定相同的属性，如对齐属性。通过 <col> 元素，可以指定每一列的样式。在实际开发中，这些标签可以帮助开发者快速地创建一个表格，并且为表格添加一些特殊的效果。