html – TD宽度 – 使用CSS所需的最小值

发布时间：2020-12-14 19:40:07 所属栏目：资源来源：网络整理

导读：考虑一下这个表： table style="width: 100%" tr tdStatic length/td tdStatic length/td tddivLength varies/div/td tdSpace filler/td /tr tr ... /tr/table 如何使第3列采用最小宽度(取决于其内容)和第4列采取其余的？解决方法用这个 td:nth-child(3){

考虑一下这个表：

<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列采取其余的？

解决方法

用这个

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

DEMO

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!