Взломанный многоточием текста FireFox удаляет все другие стили

Question

Я пытаюсь реализовать поддержку text-overflow: ellipsis; в версии FireFox на моем веб-сайте. Я нашел взлом XUL в сети и применил его к таблице стилей, но обнаружил, что применение взлома удаляет все другие стили из элемента. Другими словами, у меня может быть многоточие или фоновое изображение, градиенты, высота линии и т. Д.

Как я могу заставить хак с многоточием работать вместе с другими моими стилями?

Answer 1

Попробуйте это

display: inline-block;
*display: inline;
*zoom: 1;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
word-wrap: normal;
max-width: 130px;
vertical-align: bottom;

Это работает в IE 7, IE 8, IE 9, IE 10, Firefox, Chrome, Safari

Answer 2

Поместите дополнительный элемент div вокруг элемента, добавьте ему весь фон и шрифты, затем установите переполнение текста на дочернем элементе.