如何在 HTML 中为表格列添加属性？

使用 <col> 标签为表格列添加属性。HTML <col> 标签允许作者将表格列的属性规范组合在一起。它不会在结构上将列组合在一起——这是 <colgroup> 元素的作用。

以下是属性：

属性
值
描述
Align
right
left
center
justify
char
定义水平对齐方式，HTML5 中不支持。
Char
character
定义用于对齐文本的字符（与 align = "char" 一起使用），HTML5 中不支持。
Charoff
pixel
指定相对于使用 char 属性指定的第一个字符的对齐偏移量（以像素或百分比值表示），HTML5 中不支持。
Span
number
定义 <col> 应跨越的列数，HTML5 中不支持。
Valign
bottom
middle
top
baseline
定义垂直对齐方式，HTML5 中不支持。
Width
像素或 %
指定当前 col 元素跨越的每一列的默认宽度，HTML5 中不支持。

示例

您可以尝试运行以下代码来实现 <col> 标签：

<!DOCTYPE html>
<html>
   <head>
      <title>HTML col Tag</title>
   </head>
   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      <table border = "1">
         <colgroup span = "4">
            <col width = "40"></col>
            <col width = "70"></col>
            <col width = "100"></col>
            <col width = "130"></col>
            <col width = "160"></col>
         </colgroup>
         <tr>
            <td>One</td>
            <td>Two</td>
            <td>Three</td>
            <td>Four</td>
            <td>Five</td>
         </tr>
      </table>
   </body>
</html>

更新于：2020年5月30日

278 次查看

开启你的 职业生涯

完成课程，获得认证

开始学习
广告