我做了一个这样的表格：
<table style="width:1000px;">
<tr>
<td>aaa</td>
<td id="space"></td>
<td class="fixed-width">bbb</td>
<td class="fixed-width">ccc</td>
</tr>
</table>
我将如何使用 CSS 使 b 和 c 列具有固定宽度，a 列仅占用所需的空间，并且空间列扩展以填充表格的其余部分？
我不是 CSS 专家，但没有办法做到这一点似乎不太正确。这似乎适用于 Firefox 和 IE7。我没有检查过其他浏览器。
第一个shrink-to-fit
设置（使用CSS）为0 宽度，因此它会收缩以适合内容。
第二个空格
设置（使用 CSS）的宽度大于表格适合的宽度。
最后两个固定宽度
的宽度不在
上。相反，它设置为
样式。这会强制列宽。 |
<!DOCTYPE html>
<html>
<head>
<title>cols</title>
<style type="text/css">
td.fixed-width {
width: 100px;
background-color:aqua
}
td.min-width {background-color:aqua}
td.space {border: thick blue solid}
</style>
</head>
<body style="width:1100px; font-family:sans-serif">
<table style="width:1000px;">
<col style="width:0"/>
<col style="width:1000px"/>
<col span="2" />
<tr>
<td class="min-width">aaa</td>
<td class="space"></td>
<td class="fixed-width">bbb</td>
<td class="fixed-width">ccc</td>
</tr>
<tr>
<td class="min-width">aaa asdfasdf asdfsad</td>
<td class="space"></td>
<td class="fixed-width">bbb fasdas</td>
<td class="fixed-width">ccc vdafgf asdf adfa a af</td>
</tr>
</table>
</body>
</html>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
