Desbordamiento de texto: elipsis no funciona en IE
En esta página hay algunos enlaces en la barra lateral izquierda que se recortan con:
.widget-area .textwidget li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } En Firefox / Chrome se muestra correctamente: 
Lamentablemente, Internet Explorer 8/9/10 …: 
El problema no es el soporte de IE 10 para desbordamiento de texto: puntos suspensivos … ¡por ejemplo, esto también funciona en IE 10! ¿Qué pasa con mi implementación? También traté de agregar -ms-text-overflow: puntos suspensivos, sin suerte.
Quitar el ajuste de word-wrap: break-word propiedad de word-wrap: break-word sueltas debería ayudar.
agrega propiedad width a tu código CSS … esto ayudaría …
Para IE debes agregar un código adicional … como cambiar tu propiedad de ancho … o intentar usar un plugin de jquery dotdotdot … eso sería una solución alternativa. Como este
Editar: sigue este enlace
Quirksmode textoverflow
que te dice que establezcas el ancho: 100% para IE …
- ¿Cuál es el valor máximo en píxeles de las propiedades de ancho y alto de CSS?
- Alineación de elementos de grilla en toda la fila / columna (como elementos flexibles)
- Consultas de medios CSS: ancho máximo O altura máxima
- Cómo forzar un estado de vuelo estacionario con jQuery?
- El peso de la fuente se vuelve más ligero en Mac / Safari
- ¿Alguna manera de limitar la longitud del borde?
- Gradientes en Internet Explorer 9
- El elemento fijo desaparece en Chrome
- CSS: ¿Cómo envuelvo texto sin espacios en blanco dentro de un ?
- ¿Podemos cambiar style?
- Error de CSS no válido de Sass: “expresión esperada”