本文介紹HTML colgroup width 屬性規(guī)定列組的寬度，通常，列組占用的空間就是它顯示內(nèi)容需要的空間。width 屬性用于為列組設置預定義的寬度。
<colgroup>元素，用于指定第一列的預定義寬度應為200像素：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <colgroup> width 屬性使用-菜鳥教程(cainiaoplus.com)</title>
<style>table, th, td { border: 1px solid black;}</style>
</head>
<body>
<table>
<colgroup width="200">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>測試看看 ?/?IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 width 屬性。但是，沒有瀏覽器支持 relative_length 值。
在 HTML5 中，不支持 <colgroup> width 屬性。
width 屬性規(guī)定列組的寬度。
通常，列組占用的空間就是它顯示內(nèi)容需要的空間。width 屬性用于為列組設置預定義的寬度。
注意：該屬性會被 <col> 元素中的任何寬度設置覆蓋。
<colgroup width="pixels|%|relative_lngth">
| 值 | 描述 |
|---|---|
| pixels | 設置以像素計的寬度值（實例：width="50"）。 |
| % | 設置以包圍元素的百分比計的寬度值（實例：width="50%"）。 |
| relative_length | 把可用像素分配到各部分。部分一設置為 "1*"，部分二設置為 "2*"。（例如，表格的寬度是 100px，第一個列組是 20px，第二個列組是 50%，那么剩余的可用像素是 30px。） 實例：如果可用像素是 30px，那么可以設置部分一為 "1*"，部分二為 "2*"，這將被解釋為 10 和 20 像素（"1*" 為部分一，"2*" 為部分二）。 |