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

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

技术教程推荐

左耳听风 -〔陈皓〕

编译原理之美 -〔宫文学〕

后端技术面试 38 讲 -〔李智慧〕

软件设计之美 -〔郑晔〕

容器实战高手课 -〔李程远〕

如何成为学习高手 -〔高冷冷〕

Spring Cloud 微服务项目实战 -〔姚秋辰(姚半仙)〕

反爬虫兵法演绎20讲 -〔DS Hunter〕

现代React Web开发实战 -〔宋一玮〕

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