css 利用table 及 noWrap 实现一列优先使用宽度,另外一列自适应

来源:互联网 发布:女生脚的味道知乎 编辑:程序博客网 时间:2024/05/16 10:17
整个容器宽度固定,
要求第一列优先使用宽度(内容长度不定),
第二列自适应,使用剩余的宽度,超出隐藏
<table style="width: 400px; overflow: hidden;">    <tr>        <td noWrap="noWrap">主要内容优先使用宽度</td>        <td>            <div style="height: 55px;overflow: hidden">             次要内容,超出隐藏 次要内容,超出隐藏 次要内容,超出隐藏 次要内容,超出隐藏 次要内容,超出隐藏 次要内容,超出隐藏            </div>        </td>    </tr></table>
0 0
原创粉丝点击