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必須刪除多余的空格或假定它們應該是  空間。