Condividi tramite

Internet Explorer non gestisce correttamente l'attributo text-overflow: ellipsis.

Avviso

L'applicazione desktop Internet Explorer 11, ritirata e fuori supporto, è stata disabilitata in modo permanente tramite un aggiornamento di Microsoft Edge su alcune versioni di Windows 10. Per altre informazioni, vedere Domande frequenti sul ritiro delle app desktop di Internet Explorer 11.

Questo articolo fornisce le informazioni per risolvere il problema che l'attributo text-overlow: ellipsis si applica solo alla prima riga di un documento HTML in Internet Explorer.

Versione originale del prodotto: Internet Explorer 11
Numero KB originale: 3056585

Sintomi

Quando si applica l'attributo text-overlow: ellipsis CSS a più righe in un documento HTML e quindi si visualizza la pagina Web in Internet Explorer, si scopre che l'attributo è stato applicato solo alla prima riga.

Causa

Si tratta di un problema noto in Internet Explorer 10 e Internet Explorer 11.

Risoluzione

I puntini di sospensione sono visualizzati per entrambe le righe quando la pagina viene usata in modalità documento con Internet Explorer 5 e Internet Explorer 7.

Ulteriori informazioni

La pagina Web di esempio seguente illustra il problema:

<!DOCTYPE html>
<html>
    <head>
        <style>
            div
            {
                width: 100px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        </style>
    </head>
    <body>
        <div>
            1111111111111111111111111111111111111111111111111111111111111111
            1111111111111111111111111111111111111111111111111111111111111111
        </div>
    </body>
</html>

In questo caso, viene visualizzato un output simile al seguente:

1111111111111...
111111111111111

Si prevede di visualizzare l'output simile al seguente:

1111111111111...
1111111111111...