Tablo sütunu maksimum genişlik, elips, nowrap: IE 9'da çalışmaz

Sütun neden elipslerle, Chrome ve Firefox'ta 100px genişliğinde değil, IE'de düzgün bir şekilde kesiliyor?Tablo sütunu maksimum genişlik, elips, nowrap: IE 9'da çalışmaz

<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

kaynak

2013-07-23 Ross Barbish

masa düzeni: çalışmak için varsayalım sabit genişlik ve

için temel olarak, burada IE'yi karıştırmaya yetecek kadar 2 öğe üzerine genişlik ve masa düzeni gönderirsiniz. ... Test için ve standart modda gerçek bağımsız bir IE9 kullanıyor musunuz? –

Bu, Windows7'de ie10, ie9, ie8 çalışıyor. Sorununuz, kodlamanızın başka bir yerinde. –

Quirks Mode veya bazı Uyumluluk modunda IE değil midir? –

cevap

bir div kapsayıcı ekleme ve> yerine < td, kendisine tüm stilleri uygulayarak şöyle tarafından Sabit:

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

kaynak

2013-07-23 19:09:32

İlgili konular