表列最大寬度，省略號，nowrap：在IE中不工作9

爲什麼在Chrome和Firefox中，而不是在IE中，以100px寬度的橢圓正確截斷？表列最大寬度，省略號，nowrap：在IE中不工作9

<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

來源

2013-07-23 Ross Barbish

表格的佈局：固定是假設工作與寬度和

基本上，在這裏你調度寬度和表格佈局到2個元素，這可能足以混淆IE。 ...您是否使用真正的獨立IE9進行測試並在標準模式下使用？ –

這是在Windows7上運行ie10，ie9，ie8。你的問題在你的編碼的其他地方。 –

在Quirks模式或某種兼容模式中，IE不是？ –

回答

通過添加一個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>

來源

2013-07-23 19:09:32

相關問題