Compartir a través de

Internet Explorer no controla correctamente el atributo de puntos suspensivos de texto.

Advertencia

La aplicación de escritorio retirada y sin soporte, Internet Explorer 11, ha sido deshabilitada permanentemente a través de una actualización de Microsoft Edge en ciertas versiones de Windows 10. Para obtener más información, consulte Preguntas frecuentes sobre la retirada de la aplicación de escritorio de Internet Explorer 11.

En este artículo se proporciona la información para resolver el problema que el text-overlow: ellipsis atributo solo se aplica a la primera línea de un documento HTML en Internet Explorer.

Versión del producto original: Internet Explorer 11
Número de KB original: 3056585

Síntomas

Cuando aplica el text-overlow: ellipsis atributo CSS a varias líneas de un documento HTML y, a continuación, ve la página web en Internet Explorer, detecta que el atributo se ha aplicado solo a la primera línea.

Causa

Se trata de un problema conocido en Internet Explorer 10 e Internet Explorer 11.

Solución

Los puntos suspensivos se muestran para ambas líneas cuando la página se usa con los modos de documento Internet Explorer 5 e Internet Explorer 7.

Más información

En la página web de ejemplo siguiente 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, se muestra un resultado similar al siguiente:

1111111111111...
111111111111111

Espera ver la salida similar a la siguiente:

1111111111111...
1111111111111...