HTML DOM Col 对象

在 HTML 中，<col> 元素用于定义表格中一个或多个列的属性，如列宽、对齐方式等。<col> 元素通常与<colgroup> 元素一起使用，用于对表格列进行分组。

语法

<col attribue="value">

属性

• span: 指定列的跨度，表示该列占据相邻的多少列。默认为 1。
• width: 指定列的宽度，可以使用像素(px)、百分比(%)或其他长度单位。例如：width="100px"。
• align: 指定列中内容的水平对齐方式。可选值包括：left、center、right、justify、char。默认为左对齐。
• valign: 指定列中内容的垂直对齐方式。可选值包括：top、middle、bottom、baseline。默认为中间对齐。
• bgcolor: 指定列的背景颜色。可以使用颜色名称或十六进制值。

示例

// www.javascriptcn.com code example
<table border="1">
  <col width="100px">
  <col width="200px">
  <colgroup span="2" style="background-color: lightblue"></colgroup>
  <tr>
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
    <td>Row 1, Column 3</td>
    <td>Row 1, Column 4</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
    <td>Row 2, Column 3</td>
    <td>Row 2, Column 4</td>
  </tr>
</table>

在上面的示例中，我们定义了一个包含四列的表格，前两列分别设置了固定宽度，后两列使用了<colgroup> 元素进行分组，并设置了背景颜色。