HTML colgroup width 屬性
實例
一個規定了第一列的預定義寬度值為200 像素的<colgroup> 元素:
<table border="1">
<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>
<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>
嘗試一下»
瀏覽器支持
所有主流瀏覽器都支持width 屬性。 但是,沒有瀏覽器支持relative_length值。
定義和用法
在HTML5中,不支持<colgroup> width屬性。
width 屬性規定列組的寬度。
通常,列組佔用的空間就是它顯示內容需要的空間。 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*" 为部分二)。 |
HTML <colgroup>標籤