如何在FF和IE7/IE8中製作表格固定寬度

Question

我正在使用this free html template創建顯示有關Web應用程序某些信息的頁面。請參閱此JsFiddle以供參考：http://jsfiddle.net/wx3Gz/1/

問題是主要內容中三列中的表格。 我想將表格設置爲與列（274px）相同的寬度，並且內容應自動排列在內。

對於第一個表格，我希望第二列的寬度與內容要求的一樣寬，第一列然後應占用剩餘的可用寬度並用省略號溢出。

任何我已經嘗試過的設置（設置顯示：表格上的塊，使用tabley-layout：fixed）會導致所有列具有相同（錯誤）寬度的表或大多數情況下內容溢出列。

完美的解決方案會將三個組元素中的所有表格格式化爲最大寬度，並允許在列上設置一個css類（即應該顯示省略號的列） 。一個幾乎完美的解決方案將需要每個單元格上的css類。

我需要這個工作在Firefox和IE7/8。理想情況下也是IE9和Chrome。

Answer 1

嘗試設置的表格單元格max-width而不是直接表：

td { 
    max-width: 200px; 
} 
td div, td { 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 

Here's a modified version of your code。我不在Windows上，所以我無法檢查IE。