Изящно ухудшить CSS-свойство переполнения текста

Question

Я использую CSS-свойство text-overflow, чтобы получить эффект эллипса, который, на мой взгляд, поддерживается только в IE на данный момент.Мой вопрос заключается в том, что я не ищу обходной путь, чтобы заставить его работать в Firefox, скорее я ищу решение, которое изящно ухудшается в других браузерах, вместо того, чтобы резко обрезать текст.Таким образом, вместо эллипсов в Firefox он может вернуться к обычному переносу текста.

Не уверен, возможно ли это, учитывая, что text-overflow зависит от свойств overflow и white-space ...

Любая помощь очень ценится.

Answer 1

Для IE, Safari, Chrome (и других браузеров Webkit) и последних версий Opera свойство text-overflow уже поддерживается.Если вам нужна поддержка более старых версий Opera (до 11.0), вы можете использовать префиксное свойство, например:

.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

Firefox (и другие браузеры на основе Gecko) не поддерживают текстовыйсвойство overflow вообще, что разочаровывает, потому что это на самом деле весьма полезно.Но для Firefox вы можете использовать JavaScript для создания многоточия.Вы можете найти решение, используя JQuery ЗДЕСЬ .Разработчик предоставляет демонстрационную программу на своем сайте.Это не так хорошо реализовано, как чистое решение CSS, и, очевидно, не работает, когда JS выключен, но это самое близкое, что вы можете получить в настоящее время с Firefox.

HTH.