HTML <col> 标签width属性

  • <col>标签width属性定义和用法

    width属性指定<col>元素的宽度。
    通常,<col>元素占用显示内容所需的空间。width属性用于设置<col>元素的预定义宽度。
    注意:此属性将覆盖<colgroup>元素中设置的任何宽度。

  • <col>标签width属性浏览器支持

    Edge/IE Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持

    注意:所有主流浏览器都支持width属性。但是,没有一个浏览器支持relative_length值。

    HTML5中不支持<col>的width属性。
    请改用CSS。CSS语法:<td style =“width:130px”>

  • <col>标签width属性语法

    <col width="pixels|%|relative_length">

  • <col>标签width属性实例

    <!DOCTYPE html>
    <html>
    <head>
    
    </head>
    <body>
    
    <table>
      <colgroup>
        <col width="122">
        <col width="188">
      </colgroup>
      <tr>
        <th>书号</th>
        <th>书名</th>
        <th>价钱</th>
      </tr>
      <tr>
        <td>3476896</td>
        <td>HTML教程</td>
        <td>¥53</td>
      </tr>
    </table>
    
    </body>
    </html>
    
    尝试一下
  • HTML4.01和HTML5之间的差异

    HTML5不支持<col>width属性。

  • <col>标签width属性值

    属性值 描述
    pixels 设置以像素为单位的宽度(例如:width="50")
    % 设置周围元素百分比的宽度(例如:width="50%")
    relative_length 将可用像素分成多个部分。(例如,一个表是100px,第一列是20px,第二列是50%,可用像素是30px)。其中一部分是这样设置的:“1*”。示例:如果有30像素的空间,您可以有一个“1*”和一个“2*”,它们将被解释为10和20像素(将1*视为一个部分,将2*视为两个部分)。