html - 如何使td元素不在表格内换行？

我有一个显示一些信息的表。表中的最后一个“ td”元素包含许多文本，我希望该文本在特定点后被截断并且不包裹在表格单元格内。目前，我在表格行中拥有以下内容：

<tr>
    <td> content</td>
    <td> content</td>
    <td> content</td>
    <td> content</td>
    <td> content</td>
    <td class="hidden"> really long content that wraps instead of hiding.</td>
</tr>

而我的CSS为隐藏类：

div.hidden {
    white-space: nowrap;
    overflow: hidden;
    max-width: 90px;
}

我尝试以几种不同的方式使用这些限制，并且这种方式使我最接近想要的内容，但是仍然包裹了文本而不是隐藏文本。我正在尝试让它在Chrome和IE中都能正常工作。有时，将这些限制直接放在td元素上将使表格在Chrome中正确显示，但在IE中无法正确显示。有关如何解决此问题的任何想法？

最佳答案

将div.hidden更改为td.hidden

http://jsfiddle.net/yPVQX/

更新：尝试添加

<colgroup>
    <col>
    <col>
    <col>
    <col>
    <col>
    <col style="width: 90px">
</colgroup>

和/或

.table {
   table-layout: fixed;
}

关于html - 如何使td元素不在表格内换行？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21712579/