IE7中的表格单元格宽度为“table-layout：fixed”表

Question

我有一个表，我用作网页上的工具栏。 它适用于除IE7以外的所有浏览器。 问题是它扩展了表以适应内容（将内容推离屏幕），除非我在CSS中指定“table-layout：fixed”。 当我将表格布局设置为固定时，它会使所有单元格大小相同，但我希望它们自动调整大小以适应内容（如果需要，还可以自动换行）。 在单元格上设置“width：auto”不会执行任何操作。

这是HTML：

<table id="ToolbarTable" cellspacing="0px">
    <tr>
        <td class="ToolbarCell" align="center">
            Button1
        </td>
        <td class="ToolbarCell" align="center">
            Button2 Button3 Button4
        </td>
        <td class="ToolbarCell" align="center">
            Button5 Button6 Button7 [Button8 Button9 - not always visible]
        </td>
    </tr>
</table>

而CSS：

#ToolbarTable
{
    margin-top: 1px;
    width: 100%;
    min-height: 24px;

    table-layout: fixed;
    word-wrap: break-word;
}

#ToolbarTable td
{
    min-width: 50px;
    width: auto;
    border: solid 1px #000000;
}

在IE7中，如何使表格具有特定的宽度（并让IE7尊重它），同时仍然让表格单元格的宽度自动调整大小？

编辑：添加代码示例。

Answer 1

尝试使用min-width连接设定width 。 我相信这个组合应该适用于IE 7。

Answer 2

您需要为整个表设置表格宽度。
除此之外，只有一个选项，手动设置表格宽度（通过使用大多数现代浏览器包含的开发工具（IE8 +，FireFox，Chrome，Safari等）轻松收集，您可以在那里读取宽度）。 否则我不会知道。

Answer 3

虽然按钮之间有空格我也有一些  在那里空格，这防止了自动换行并导致表的宽度超过我指定的宽度。 删除  从按钮之间修复了问题。 每个  被一个空格包围（我只是想添加更多空间），并且所有其他浏览器都在正确地换行，但是IE7必须删除多余的空格或假定它们应该是  空间。