在IE7中使用「table-layout：fixed」表的表格單元格寬度

我有一個表格用作網頁上的工具欄。除了IE7之外，它在所有瀏覽器中都很好用。問題在於它擴展了表格以適合內容（將內容從屏幕上移除），除非我在CSS中指定了「table-layout：fixed」。當我將表格佈局設置爲固定時，它將使所有單元格的大小相同，但我希望它們自動調整大小以適合內容（如果需要，還可以自動換行）。在單元格上設置「width：auto」不會執行任何操作。在IE7中使用「table-layout：fixed」表的表格單元格寬度

下面是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公司微博吧），同時還讓表格單元格的寬度會自動調整大小？

編輯：添加代碼示例。

來源

2011-02-14 toby

儘管我在按鈕之間有空格，但我還有一些 空格，它阻止了單詞換行並導致表格寬度超出我指定的寬度。從按鈕之間移除 解決了問題。每個 都被一個空間包圍（我只是想增加更多空間），所有其他瀏覽器都正確地進行換行，但IE7必須刪除多餘的空格或假設它們應該是 空格。

來源

2011-02-14 20:47:25 toby

您需要爲整個表格設置表格寬度。
否則只有一個選項，手動設置表格寬度（通過使用大多數現代瀏覽器包含的開發人員工具（IE8 +，FireFox，Chrome，Safari等）可以輕鬆收集，您可以在其中閱讀寬度）。否則我不會知道。

來源

2011-02-14 19:19:34 Aidiakapi

是的，我可以手動設置，但有時會顯示比其他時間更多的按鈕，我不想根據它在那一刻的內容重新計算每個單元格的寬度，我只想讓IE7自動調整大小單元格和表格寬度:( – toby 2011-02-14 19:41:35

對不起，我不知道，IE也給我帶來了很多麻煩，它總是造成麻煩。 – Aidiakapi 2011-02-15 16:46:09

嘗試使用min-width連接width。我相信這個組合應該與IE 7一起工作。

來源

2011-02-14 19:21:12 Jeff

在IE7中使用「table-layout：fixed」表的表格單元格寬度

回答

相關問題