Udostępnij za pośrednictwem


Program Internet Explorer nie obsługuje poprawnie atrybutu text-overflow: ellipsis.

Ostrzeżenie

Wycofana, nieobsługiwana aplikacja klasyczna Internet Explorer 11 ma zostać trwale wyłączona za pośrednictwem aktualizacji aplikacji Microsoft Edge dla niektórych wersji systemu Windows 10. Aby uzyskać więcej informacji, zobacz artykuł pt. Często zadawane pytania dotyczące wycofywania aplikacji klasycznej Internet Explorer 11.

Ten artykuł zawiera informacje umożliwiające rozwiązanie problemu, który text-overlow: ellipsis atrybut dotyczy tylko pierwszego wiersza dokumentu HTML w programie Internet Explorer.

Oryginalna wersja produktu: Internet Explorer 11
Oryginalny numer KB: 3056585

Symptomy

Po zastosowaniu atrybutu text-overlow: ellipsis CSS do wielu wierszy w dokumencie HTML, a następnie wyświetleniu strony internetowej w programie Internet Explorer zostanie wykryty, że atrybut został zastosowany tylko do pierwszego wiersza.

Przyczyna

Jest to znany problem w programach Internet Explorer 10 i Internet Explorer 11.

Rozwiązanie

Wielokropek jest wyświetlany dla obu wierszy, gdy strona jest używana z trybami dokumentów Internet Explorer 5 i Internet Explorer 7.

Więcej informacji

Poniższa przykładowa strona internetowa demonstruje problem:

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

W takiej sytuacji zobaczysz dane wyjściowe podobne do następujących:

1111111111111...
111111111111111

Oczekujesz, że dane wyjściowe będą podobne do następujących:

1111111111111...
1111111111111...