设置比例列宽度随

Question

我想设定比例列宽<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>标签设置比例，列宽度是相等的。我该怎么办错了？

Answer 1

可以使用17％，34％，和49％。为1：2：3

Answer 2

我试图让这个在所有主要的浏览器工作，但也都失败了。谷歌带来了除官方规格很少。

我的结论是成比例的列宽度简单地不被任何的浏览器制造商的支持。很奇怪，因为它比起一些更深奥的东西，是时下支持显得非常有用。

Answer 3

可以使用colgroup。

从 WSSchools

  

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

     

在标签是将样式应用于整个列有用，   代替重复样式针对每个小区，对于每一行。

table {
   width: 100%;
}
td {
   text-align: center;
}

    <table>
        <colgroup>
            <col span="1" style="width: 15%;">
            <col span="1" style="width: 15%;">
            <col span="1" style="width: 70%;">
        </colgroup>
        <thead>
            <tr>
                <th class="col_3">On stop credit</th>
                <th class="col_3">Rating</th>
                <th class="col_3">Customer Notes</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Value</td>
                <td>Value</td>
                <td>Long text value</td>
            </tr>
        </tbody>
    </table>