colgroup
适用DTD:Strict Transitional Frameset   适用浏览器:All
释义
表格列编组(table clomun group)

语法
<colgroup 属性="属性值">~标签内容~</colgroup>
说明
列编组colgroup元素允许设计者把表格中的某些列组合在一起进行功能划分,或者统一应用样式
colgroup为table的子元素,只能在table元素的标签内容中使用,且必须位于caption之后thead之前
colgroup可以包含若干col元素,并对col进行界定
HTML中的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>

范例
下面的例子显示了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>
和行编组相似,列也可以编组,方便对列进行控制。这非常重要,因为HTML表格是“以行为主”,或者说是以行为中心的,其原因是行更容易解析。使用列编组还有一个好处,就是浏览器会逐渐地装载和显示长表格。 似乎IE以外的浏览器会忽略colgroup和col元素的align、valign、bgcolor等属性,不过可以很好地支持样式设置。

参阅
table
col