html - 表列最大宽度、省略号、nowrap：在 IE 9 中不起作用

Question

为什么列在 Chrome 和 Firefox 中以 100px 宽度的椭圆正确截断，但在 IE 中却没有？

<table style="table-layout:fixed">
    <tr>
        <td style="width:100px;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap">QWRQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEEQWEQWEQWEQWEQWE</td>
    </tr>
</table>

在这里摆弄

Answer 1

通过添加一个 div 容器并将所有样式应用到它来修复，而不是像这样的 <td>：

<table style="table-layout:fixed">
    <tr>
        <td><div style="width:100px;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap">QWRQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEQWEEQWEQWEQWEQWEQWE</div></td>
    </tr>
</table>