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

Question

我正在使用這個免費的html模板創建一個頁面，該頁面顯示有關Web應用程序的一些信息。 請參閱此JsFiddle以供參考： http : //jsfiddle.net/wx3Gz/1/

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

對於第一個表，我希望第二列的大小可以滿足內容的要求，然后第一列應占用其余可用寬度，並用省略號溢出。

我已經嘗試過的任何方法（設置顯示：在表上設置塊，使用tabley-layout：固定）都會導致表中所有列的寬度相同（錯誤），或者在大多數情況下，內容會超出該列。

完美的解決方案是將三個組元素中的所有表格式化為最大寬度，並允許在列上設置css類（第th個元素），該類應在列變寬時顯示省略號。 幾乎完美的解決方案要求每個單元上都具有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;
}

這是您代碼的修改版本 。 我不在Windows上，因此無法簽入IE。