我有三列.我想要的最后两个与它们包含的数据一样窄,第一列可以取宽度的其余部分(表的宽度为100%).
你怎么能用CSS做到这一点?现在右边的列看起来很傻,有额外的空间.想法?
解决方法
只需给第一列宽度为100%,并在必要时为所有其他列中的单元格提供一个空格:Nowrap以避免其内容被包装(仅在必要时再次).
例如.
<table> <tr><td class="first">first</td><td>second</td><td>third</td></tr> <tr><td class="first">first</td><td>second</td><td>third</td></tr> <tr><td class="first">first</td><td>second</td><td>third</td></tr> </table>
同
table { width: 100%; } table td.first { width: 100%; }
或者现代的方式,如果你不打扰IE6用户:
table { width: 100%; } table td:first-child { width: 100%; }
原文地址:https://www.jb51.cc/html/226170.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。