6

我有一个表格，将显示相机的名称及其型号。问题是当名称/模型字符串太长时，单元格会被调整大小，因此会使表格主体与头部不同步。

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

这有这样的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 由于 max-width 而受到限制，但 td 元素不存在，这仍然会导致表中的错位。

无论子 div 的宽度如何，我都可以强制 td 为某个宽度吗？

4

2 回答 2

2

定义表格布局：固定；在你的table. 像这样写：

table{
 table-layout:fixed;
}
于 2012-05-15T10:36:15.357 回答
0

您可以将以下样式应用于您div的：

overflow: hidden;
white-space: nowrap;

您还需要指定一个width.

于 2012-05-15T10:39:42.493 回答