表格单元格调整过去最大宽度

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。