Internet Explorer no controla correctamente el atributo de puntos suspensivos con sobresalencia de texto
Importante
La aplicación de escritorio Internet Explorer 11 está retirada y sin soporte a partir del 15 de junio de 2022 para determinadas versiones de Windows 10.
Todavía puede acceder a sitios antiguos heredados que requieren Internet Explorer con el modo Internet Explorer en Microsoft Edge. Obtenga más información.
La aplicación de escritorio Internet Explorer 11 se redirigirá progresivamente al explorador Microsoft Edge, más rápido y seguro. En última instancia, se deshabilitará a través de Windows Update. Deshabilite IE hoy.
En este artículo se proporciona información para solucionar el problema de que el atributo solo se aplica a la primera línea de un text-overlow: ellipsis documento HTML en Internet Explorer.
Versión del producto original: Internet Explorer 11
Número KB original: 3056585
Síntomas
Cuando se aplica el atributo CSS a varias líneas de un documento HTML y, a continuación, se ve la página web en Internet Explorer, se detecta que el atributo se ha aplicado solo a text-overlow: ellipsis la primera línea.
Causa
Este es un problema conocido en Internet Explorer 10 e Internet Explorer 11.
Solución
Los puntos suspensivos se muestran para ambas líneas cuando se usa la página con los modos de documento Internet Explorer 5 e Internet Explorer 7.
Más información
En la siguiente página web de ejemplo se muestra el problema:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<div>
1111111111111111111111111111111111111111111111111111111111111111
1111111111111111111111111111111111111111111111111111111111111111
</div>
</body>
</html>
En esta situación, verá un resultado similar al siguiente:
1111111111111...
111111111111111
Espera ver resultados similares a los siguientes:
1111111111111...
1111111111111...