1

我在我的页面中创建了一个高度为 50 像素、宽度为 100% 的表格，并在该表格中插入了一行，我在其中插入了三个 TD，第一个宽度为 100 像素，第三个为 50 像素。我希望第二个（位于中间的那个）调整自身大小以填充中间的所有剩余部分，以便在调整浏览器窗口大小时，不应向下滚动条。当我直接在这个 TD 的样式标签中写它的宽度 = 100% 时，chrome 可以，但 Firefox 不行，当我写 auto 时，Firefox 可以，但 chrome 不行。有人可以帮忙吗？

4

2 回答 2

0

好吧，我将中间 TD 保留为指定高度和宽度的空白，并且一直在工作，但这次没有工作。我在那个 TD 中输入了一个不可见的文本，现在工作完成了......

于 2012-05-28T18:56:24.517 回答
-1

您不必在中心列上添加任何内容。如果左/右的宽度固定，中间的会自动填充剩余的部分。

table {
    width: 100%;
    height: 50px;
}
td.left-col {
    width: 100px;
    background: red;
}
td.center-col {
    background: yellow;
}
td.right-col {
    width: 50px;
    background: green
}
<table>
    <tr>
        <td class="left-col">Left</td>
        <td class="center-col">Left</td>
        <td class="right-col">Left</td>
    </tr>
</table>

于 2012-05-28T17:59:18.333 回答