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>

jsfiddled here

Answer 1

通过添加div容器并对其应用所有样式来修复，而不是＆lt; td＆gt;像这样：

<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>

表列max-width，省略号，nowrap：在IE 9中不起作用

1 个答案: