HTML colgroup width 屬性

2018-11-14 18:05 更新

HTML <colgroup> width 屬性

HTML colgroup 標(biāo)簽參考手冊 HTML <colgroup> 標(biāo)簽

實例

一個規(guī)定了第一列的預(yù)定義寬度值為 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>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 width 屬性。但是,沒有瀏覽器支持 relative_length 值。


定義和用法

在 HTML5 中,不支持 <colgroup> width 屬性。

width 屬性規(guī)定列組的寬度。

通常,列組占用的空間就是它顯示內(nèi)容需要的空間。width 屬性用于為列組設(shè)置預(yù)定義的寬度。

注意:該屬性會被 <col> 元素中的任何寬度設(shè)置覆蓋。


語法

<colgroup width="pixels|%|relative_lngth">

屬性值

描述
pixels 設(shè)置以像素計的寬度值(例子:width="50")。
% 設(shè)置以包圍元素的百分比計的寬度值(例子:width="50%")。
relative_length 把可用像素分配到各部分。部分一設(shè)置為 "1*",部分二設(shè)置為 "2*"。(例如,表格的寬度是 100px,第一個列組是 20px,第二個列組是 50%,那么剩余的可用像素是 30px。)

例子:如果可用像素是 30px,那么可以設(shè)置部分一為 "1*",部分二為 "2*",這將被解釋為 10 和 20 像素("1*" 為部分一,"2*" 為部分二)。



HTML colgroup 標(biāo)簽參考手冊 HTML <colgroup> 標(biāo)簽
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號