TABLE 的 COL 及 COLGROUP 元素

IE8(S) Firefox Chrome Safari 不再支持 COL 及 COLGROUP 元素的部分属性及为其设定的 CSS 特性

COLGROUP 元素指定表格中一列或一组列的默认属性。

COL 指定基于列的表格默认属性

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>table-colgroup</title>
</head>
<body>
	<table border="1" width="2500" height="500">
		<colgroup>
			<col span="2" style="background:pink;">
			<col width="300">
			<col style="color:blue;">
			<col style="width:300px;">
			<col align="left" >
			<col align="center" style="text-decoration:underline;">
			<col align="right" style="font-size:20px;font-family:Courier New">
			<col align="justify" style="cursor:pointer">
			<col valign="top">
			<col valign="middle">
			<col valign="bottom" style="padding:20px;">
			<col valign="baseline" >
		</colgroup>
		<tr>
			<td>span="2"</td>
			<td>span="2"</td>
			<td>width="300"</td>
			<td>color:blue;</td>
			<td>width:300px</td>
			<td>align="left"</td>
			<td>align="center"</td>
			<td>align="right"</td>
			<td>align="justify"</td>
			<td>valign="top"</td>
			<td>valign="middle"</td>
			<td>valign="bottom"</td>
			<td>valign="baseline"</td>
		</tr>
		<tr>
			<td>span="2"</td>
			<td>span="2"</td>
			<td>width="300"</td>
			<td>color:blue;</td>
			<td>width:300px</td>
			<td>align="left"</td>
			<td>align="center"</td>
			<td>align="right"</td>
			<td>align="justify"</td>
			<td>valign="top"</td>
			<td>valign="middle"</td>
			<td>valign="bottom"</td>
			<td>valign="baseline"</td>
		</tr>
	</table>
</body>
</html>

参考：http://www.w3help.org/zh-cn/causes/HE1004

结论如下：

ps：意思就是想整列的定义样式，只有width和background生效了，尽量不用吧。

TABLE 的 COL 及 COLGROUP 元素

猜你喜欢