Yocker
  1. Yocker
  3. overflow di testo: i puntini di sospensione non funzionano su IE
Intereting Posts
Evento di ridimensionamento della finestra angular Qual è lo scopo di AsQueryable ()? Creazione di un iframe con un determinato codice HTML Somme consecutive / rotative in un vettore in R Lib Java o app per convertire CSV in file XML? HTML5 riproduzione con dissolvenza in apertura e chiusura “Int non può essere dereferenziato” in Java Che cosa significa “URI ha un componente di autorità”? NSMutableString come retain / copy Chrome reindirizza da .dev a https Rimozione di elementi dal vettore, mentre in C ++ 11 intervallo ‘per’ ciclo? Il ritorno del riferimento di rvalue è più efficiente? Come verificare se l’evento click è già associato – JQuery Utilizzare async senza attendere Come limitare gli utenti SSH a un set predefinito di comandi dopo l’accesso?

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