HTML 中的 <colgroup>属性

首页 / HTML入门教程 / HTML 中的 <colgroup>属性

HTML <colgroup>标签用于为表中的一组列指定属性。

如果需要将不同的属性应用于colgroup中的列,则可以使用colgroup标签中的HTML col标签。

无涯教程网

colgroup示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML colgroup Tag</title>
   </head>

   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      
      <table border="1">
         <colgroup span="3">
            <col width="50"></col>
            <col width="100"></col>
            <col width="200"></col>
         </colgroup>
         
         <tr>
            <td>col 1</td>
            <td>col 2</td>
            <td>col 3</td>
         </tr>
      </table>
   </body>
	
</html>

这将产生以下结果-

全局属性

此标签支持 HTML 中描述的所有全局属性。

特定属性

HTML <colgroup>标签还支持以下附加属性-

Attribute Value 描述
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 pixels or % 为当前col元素跨越的每一列指定默认宽度, HTML5不支持。

事件属性

此标签支持 HTML 中描述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

软件测试52讲 -〔茹炳晟〕

Android开发高手课 -〔张绍文〕

黄勇的OKR实战笔记 -〔黄勇〕

移动端自动化测试实战 -〔思寒〕

雷蓓蓓的项目管理实战课 -〔雷蓓蓓〕

Serverless入门课 -〔蒲松洋(秦粤)〕

系统性能调优必知必会 -〔陶辉〕

etcd实战课 -〔唐聪〕

JavaScript进阶实战课 -〔石川〕

好记忆不如烂笔头。留下您的足迹吧 :)