td colspan 宽度不起作用

Question

table 
{
    width: 100%;
}
td:first-child
{
    width: 100px;
}

<table>
    <thead>
        <tr>
            <td colspan="2">A</td>
            <td>B</td>
            <td>C</td>
        </tr>
    </thead>
</table>

我不太明白为什么第一个td不是 100px 宽，我怎样才能在没有 JS 的情况下精确地做到 100px 呢？

Answer 1

正如其他人所建议的那样，您不需要删除 来colspan使其工作，尽管这可能是一个有效/更好的想法，如果不需要的话（在您的示例中不是，因为只有一行，但也许这是您需要的另一种情况）

你可以用table-layout: fixed;它来尊重你的价值。我还添加了padding: 0;, 以获得准确的 from 102pxto 100px，只是为了整洁起见：

table 
{
    width: 100%;
    table-layout: fixed;
}
td {
    padding: 0;
}
td:first-child
{
    width: 100px;
}

<table>
    <thead>
        <tr>
            <td colspan="2">A</td>
            <td>B</td>
            <td>C</td>
        </tr>
    </thead>
</table>