2

我有一个表格,我不希望其宽度小于 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 之外的所有应用程序。

4

0 回答 0