我有一个表格,我不希望其宽度小于 540 像素,在此表格中,如果内容小于 540 像素宽,我希望单列填充剩余宽度。
如果我将此列的宽度设置为 99%,它在 Firefox、Safari 和 Chrome 中有效,但在 Internet Explorer(任何版本)中无效,表格会增长到整个页面宽度。
我需要它才能在 IE7 及更高版本中工作。
编辑:
添加了一些代码:
<div class="container">
<table class="my-table">
<tr>
<td class="first"><img src="my-img.png"></td>
<td class="expand">Some text here... should grow</td>
<td class="meta">short text</td>
<td class="end-col">final column</td>
</tr>
</table>
</div>
CSS:
.container {
min-width: 540px;
display: inline-block;
}
.expand {
width: 99%;
}
.first、.meta 和 .end-col 都应该收缩到各自的内容。
这适用于除 Internet Explorer 之外的所有应用程序。