用比例设置比例列宽

时间:2009-11-30 21:58:35

标签: html html-table width

我正在尝试使用<col width="x*" />设置比例列宽:

<table width="600px">
    <col width="1*" />
    <col width="2*" />
    <col width="3*" />
    <tbody>
        <tr>
            <td style="border: 1px solid black;">AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA
            </td>
            <td style="border: 1px solid black;">BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB
            </td>
            <td style="border: 1px solid black;">CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC
            </td>
        </tr>
    </tbody>
</table>

尽管在<col>标记中设置了比例,但列宽相等。我做错了什么?

3 个答案:

答案 0 :(得分:3)

你可以使用17%,34%和49%。 1:2:3

答案 1 :(得分:0)

我试图在所有主流浏览器中使用它,但也失败了。除官方规格外,谷歌的收入很少。

我得出结论,任何浏览器制造商都不支持比例列宽。很奇怪,因为与现在支持的一些更深奥的东西相比,它看起来非常有用。

答案 2 :(得分:0)

您可以使用*.pbtxt

来自WSSchools

  

标签指定表中一组一个或多个列   进行格式化。

     

该标记对于将样式应用于整个列非常有用,   而不是为每一行重复每一行的样式。

false
colgroup