Internet Explorer неправильно обрабатывает атрибут text-overflow: ellipsis.

2020-04-26

Предупреждение

Устаревшее и не поддерживаемое классическое приложение Internet Explorer 11 было окончательно отключено путем обновления Microsoft Edge в некоторых версиях Windows 10. Дополнительные сведения см. в разделе Часто задаваемые вопросы о прекращении поддержки программы для настольных компьютеров Internet Explorer 11.

В этой статье содержатся сведения об устранении проблемы, заключающейся в том, что атрибут text-overlow: ellipsis применяется только к первой строке HTML-документа в Internet Explorer.

Оригинальная версия продукта: Internet Explorer 11
Исходный номер Базы знаний: 3056585

Симптомы

При применении атрибута text-overlow: ellipsis CSS к нескольким строкам в HTML-документе и просмотре веб-страницы в Internet Explorer вы обнаружите, что атрибут применен только к первой строке.

Причина

Это известная проблема в Internet Explorer 10 и Internet Explorer 11.

Решение

Многоточие отображается для обеих строк, когда страница используется с режимами документов Internet Explorer 5 и Internet Explorer 7.

Дополнительная информация

В следующем примере веб-страницы показана проблема:

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

В этой ситуации вы увидите выходные данные, похожие на следующие:

1111111111111...
111111111111111

Вы ожидаете, что выходные данные выглядят примерно так:

1111111111111...
1111111111111...