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:
Sfortunatamente Internet Explorer 8/9/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
Modifica: segui questo link
Quirksmode textoverflow
che ti dice di impostare la larghezza: 100% per IE ..