表格單元格調整過去最大寬度

Question

我有一個表格，將顯示相機及其模型的名稱。問題是當名稱/模型字符串太長時，單元格被調整大小，並因此使表體與頭部不同步。

<td> 
    <div class="camera_details"> 
     <div class="camera_models">XXXCAMERAMODELXXX</div> 
     <div class="camera_name">XXXCAMERANAMEXXX</div> 
    </div> 
</td> 

這HASS CSS像這樣：

td{ 
    max-width: 144px; 
} 
.camera_details { 
    max-width: 144px; 
} 
.camera_models { 
    text-overflow: ellipsis; 
    overflow: hidden; 
} 
.camera_name { 
    text-overflow: ellipsis; 
    overflow: hidden; 
} 
table { 
    table-layout: fixed; 
} 

問題只存在於IE8在DIV得到限制，由於最大寬度，但TD元素不這還是引起偏差的表。

無論孩子div的寬度如何，我可以強制td達到一定的寬度嗎？

Answer 1

定義table-layout：fixed;在您的table。像這樣寫：

table{ 
table-layout:fixed; 
} 

Answer 2

你可以應用以下樣式應用到div的：

overflow: hidden; 
white-space: nowrap; 

您還需要指定一個width。