Tabellenspalte max-width, Ellipse, nowrap: funktioniert nicht in IE 9

Warum wird die Spalte in Chrome und Firefox, aber nicht im IE korrekt mit Ellipsen bei 100px Breite abgeschnitten?Tabellenspalte max-width, Ellipse, nowrap: funktioniert nicht in 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

Quelle

2013-07-23 Ross Barbish

table-layout: fixed ist wohl zu arbeiten mit Breite und für

grundsätzlich, hier versenden Sie Breite und Tabellen-Layout auf 2 Elemente, die genug sein können, IE zu verwirren. ... Verwenden Sie einen echten Standalone IE9 für Test und im Standardmodus? –

Dies funktioniert ie10, dh9, dh8 auf einem Windows7. Ihr Problem ist anderswo in Ihrer Codierung. –

Ist IE nicht im Quirks-Modus oder einem Kompatibilitätsmodus? –

Antwort

Fest durch einen div Container hinzufügen und alle Stile, um es anwenden, statt der < td> etwa so:

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

Quelle

2013-07-23 19:09:32

Verwandte Themen