Maksymalna szerokość kolumny tabeli, elipsa, nowrap: nie działa w IE 9

Dlaczego kolumna jest prawidłowo obcięta za pomocą elips o szerokości 100 pikseli w przeglądarce Chrome i Firefox, ale nie w IE?Maksymalna szerokość kolumny tabeli, elipsa, nowrap: nie działa w 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

Źródło

2013-07-23 Ross Barbish

tabeli-layout: fixed jest przypuszczać, aby pracować z szerokością i dla

głównie, tutaj wyślij szerokość i układ tabeli na 2 elementy, które mogą wystarczyć do pomylenia IE. ... Czy używasz prawdziwego samodzielnego IE9 do testów i w trybie standardowym? –

Działa to ie10, ie9, ie8 na Windows7. Twój problem jest gdzieś indziej w twoim kodowaniu. –

Czy IE nie jest w trybie Quirks lub w niektórych trybach zgodności? –

Odpowiedz

Poprawiono dodając kontener div i stosując wszystkie style do niej, zamiast < td> tak:

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

Źródło

2013-07-23 19:09:32

Powiązane problemy