html - TD 幅 - CSS を使用して必要な最小値

Question

次の表を検討してください。

<table style="width: 100%">
    <tr>
        <td>Static length</td>
        <td>Static length</td>
        <td><div>Length varies</div></td>
        <td>Space filler</td>
    </tr>
    <tr>
        ...
    </tr>
</table>

3 番目の列を (内容に応じて) 最小幅にし、4 番目の列を残りの幅にする方法を教えてください。

Answer 1

これを使って

td:nth-child(3){
    background:red;
    width: 1px;
    white-space: nowrap;
}

デモ