HTML <colgroup> width 属性

返回上一级

HTML <col> 标签的 width 属性用于设置列组的宽度

通常,列组占用的空间就是它显示内容需要的空间

width 属性用于为列组设置预定义的宽度

该属性会被 <l;col> 元素中的任何宽度设置覆盖

HTML5 中,不支持 <colgroup> width 属性

语法

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

属性值

描述
pixels 设置以像素计的宽度值(例子:width="50")
% 设置以包围元素的百分比计的宽度值(例子:width="50%")
relative_length 把可用像素分配到各部分
部分一设置为 "1",部分二设置为 "2"
例如,表格的宽度是 100px,第一个列组是 20px,第二个列组是 50%,那么剩余的可用像素是 30px
例子:如果可用像素是 30px,那么可以设置部分一为 "1",部分二为 "2",这将被解释为 10 和 20 像素("1" 为部分一,"2" 为部分二

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 width 属性

但是,没有浏览器支持 relative_length

范例

一个设置了第一列的预定义宽度值为 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>

运行范例 »

返回上一级

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.