HTML | 对齐属性

HTML表格中的列对齐属性使用标记来设置。该属性允许程序员设置表格中的列宽、列对齐方式、列边框等。

标记

• span: 指定该元素占用的列数。
• width: 指定该元素的宽度。
• align: 指定该元素的文本对齐方式。
• valign: 指定该元素的垂直对齐方式。
• char: 指定该元素的对齐字符。
• charoff: 指定该元素的对齐字符偏移量。
• bgcolor: 指定该元素的背景颜色。
• nowrap: 指定该元素不允许自动换行。

设置列对齐方式

在标记中，可以使用align属性来设置列的文本对齐方式。常用的对齐方式有：左对齐(left)、右对齐(right)、居中对齐(center)。例如：

<col align="left">
<col align="center">
<col align="right">

设置列宽度

在标记中，可以使用width属性来设置列的宽度。它可以是像素(px)、百分比(%)或相对值(em)。例如：

<col width="50px">
<col width="20%">
<col width="2.5em">

设置列边框

在标记中，还可以使用border属性来设置列的边框样式。例如：

<col border="1">
<col border="0">

示例代码

以下是一个设置了列对齐方式、列宽度、列边框的HTML代码示例：

<table>
  <colgroup>
    <col align="center" width="20%">
    <col align="left" width="100px" border="1">
    <col align="right" width="50%" border="0">
  </colgroup>
  <thead>
    <tr>
      <th>姓名</th>
      <th>学号</th>
      <th>成绩</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>001</td>
      <td>85</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>002</td>
      <td>90</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>003</td>
      <td>92</td>
    </tr>
  </tbody>
</table>

效果如下：