overflow di testo: i puntini di sospensione non funzionano su IE

In questa pagina ci sono alcuni link nella barra laterale sinistra che vengono ritagliati con:

.widget-area .textwidget li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

In Firefox / Chrome è visualizzato correttamente: Screenshot da Firefox / Chrome

Sfortunatamente Internet Explorer 8/9/10 …: Screenshot da IE 10

Il problema non è il supporto di IE 10 per l’overflow del testo: puntini di sospensione .. per esempio questo funziona anche su IE 10! Cosa c’è che non va nella mia implementazione? Ho anche provato ad aggiungere -ms-text-overflow: ellissi, senza fortuna.

Rimozione del word-wrap: break-word proprietà word-wrap: break-word dovrebbe aiutare.

aggiungi la proprietà width al tuo codice CSS..questo aiuto …

Per IE dovresti aggiungere un po ‘di codice in più … come cambiare la proprietà della larghezza di ur .. o provare a usare un plug-in jquery dotdotdot .. che sarebbe una soluzione alternativa .. Come questo

http://dotdotdot.frebsite.nl

Modifica: segui questo link

Quirksmode textoverflow

che ti dice di impostare la larghezza: 100% per IE ..