colgroup
适用DTD：Strict Transitional Frameset 适用浏览器：All
释义
表格列编组（table clomun group）
语法
<colgroup 属性="属性值">~标签内容~</colgroup>
<colgroup 属性="属性值">~标签内容~</colgroup>
属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| ① span | 正整数:1 | 指定列分组内列的数量，如果该属性未指定，那么就默认该列编组包含一列；该属性的属性值（大于0的整数）指明当前列编组包含多少列。如果colgroup包含col元素，那么该属性就会失效，浏览器会直接读取每个col的span属性进行设置 |
| ② align | 字符串:预定义值 left |
指定列编组内单元格内容的水平对齐方式：left表示单元格内容左对齐，为默认值；center表示居中对齐，right表示右对齐，justify指明分散对齐，char表示按照指定的字符对齐，具体由char属性决定，并非所有的浏览器都支持char对齐 |
| ③ valign | 字符串:预定义值 middle |
指定列编组内单元格内数据的垂直对齐方式，top表示向上对齐；middle为默认值，表示居中对齐；top向下对齐；baseline表示对齐第一行的基准线 |
| ④ width | 长度值 | 定义列编组内单元格的宽度，也就是列组内每一列的宽度。除了整数像素值和百分比值，该属性还可以取一个特殊值0*（0和星号），这表示编组内每一列的单元格将会按最小宽度显示。不过，这就意味着浏览器必须知道各列全部内容才能正确地算出它的宽度，因此浏览器不能逐渐地显示表格。如果编组内某一列的宽度被col元素定义过了，那么对该列来说这里所定义的宽度就不起作用了 |
| ⑤ char | 任一个字符 | align属性值为char时，指定文字片段中的某一个字符作为单元格的水平对齐的中心线，默认值是数值的小数点（如英语中用点号“.”，法语中用逗号“,”）。客户浏览器不一定支持这种方式。如果char属性指定的字符在单元格中不只一个，那么各种浏览器的行为是不确定的，所以得谨慎使用 |
| ⑥ charoff | 长度值 | 从单元格一端（文字方向从左到右则取左端，从右到左则取右端，由dir属性决定）到第一次出现对齐字符char的位置的距离（不包括对齐字符）。属性值可以为整数或百分比 |
| ⑦ bgcolor | 颜色值 | 定义列编组内单元格的背景色，此处定义的背景色会颠覆列编组内table元素bgcolor定义的背景色，不过会被单元格的背景色颠覆。可用于IE浏览器。不可在Strict DTD文档中使用 |
⑧ 通用属性：id、title、class、style、dir、lang、xml:lang  |
||
nbsp;
示范
<table>
<colgroup align="center" span="2">…</colgroup>
…
</table>
<colgroup align="center" span="2">…</colgroup>
…
</table>
范例
下面的例子显示了XHTML文件基础结构：
运行
打印
下面的例子显示了XHTML文件基础结构：
运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素colgroup</title>
</head>
<body>
<p>行编组的单元格居中对齐：</p>
<table border="1" bgcolor="skyblue" width="625">
<colgroup span="2" align="center" width="100">
</colgroup>
<tr>
<td>colgroup</td><td>spanned</td><td>not in the group</td>
</tr>
<tr>
<td>colgroup</td><td>spanned</td><td>not in the group</td>
</tr>
<tr>
<td>colgroup</td><td>spanned</td><td>not in the group</td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素colgroup</title>
</head>
<body>
<p>行编组的单元格居中对齐：</p>
<table border="1" bgcolor="skyblue" width="625">
<colgroup span="2" align="center" width="100">
</colgroup>
<tr>
<td>colgroup</td><td>spanned</td><td>not in the group</td>
</tr>
<tr>
<td>colgroup</td><td>spanned</td><td>not in the group</td>
</tr>
<tr>
<td>colgroup</td><td>spanned</td><td>not in the group</td>
</tr>
</table>
</body>
</html>
和行编组相似，列也可以编组，方便对列进行控制。这非常重要，因为HTML表格是“以行为主”，或者说是以行为中心的，其原因是行更容易解析。使用列编组还有一个好处，就是浏览器会逐渐地装载和显示长表格。
似乎IE以外的浏览器会忽略colgroup和col元素的align、valign、bgcolor等属性，不过可以很好地支持样式设置。