<colgroup>: 列组标签
最后更新：2026-10-13
<colgroup>列组标签
表格列分组容器，可包裹多个 col 来批量定义列样式。
| 分类 | 表格 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </colgroup> 标签 |
| 状态 | 标准 |
📝 语法
<colgroup>
<col>
</colgroup>⚙️ 属性
该元素支持全局属性及以下专有属性：
| 属性 | 值 | 描述 |
|---|---|---|
span | 不写 col 时，该分组覆盖的列数。 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <colgroup> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 若内部已写 col，则 colgroup 的 span 被忽略；它需放在 caption 之后、thead 之前。
❓ 常见问题
Qcolgroup 是必需的吗？
A不是必需，
<col> 可以直接放在 table 下，但规范推荐用 <colgroup> 包裹——结构更清晰，验证器友好。需要给列分组设样式时（前几列一种背景、后面另一种），colgroup 是唯一正路。Qcolgroup 要写在 table 的什么位置？
A紧跟
<caption> 之后、任何行内容（thead/tbody/tr）之前，位置固定：<table><caption>…</caption><colgroup>…</colgroup><thead>…</thead></table>。顺序错了会被解析器调整或报验证错误。Qcolgroup 和 th 的 width 设置哪个优先？
A列级设置（col/colgroup 的 width）与单元格设置可能冲突，浏览器解析规则：col 设置的列宽优先生效于整列，单元格内容过宽时可能被撑破。实践中建议只在一处（通常 colgroup）定义列宽，避免混用。
🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
