Для 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.