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

前端之家收集整理的这篇文章主要介绍了html – TD宽度 – 使用CSS所需的最小值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
考虑一下这个表:
<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

猜你在找的HTML相关文章