как сделать кросс-браузерный CSS-многоточие?

Question

Я использовал это

p.test {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

но он не работает в Firefox. И я не проверял другие браузеры.

Но мне нужен кросс-браузерный совместимый способ

Answer 1

Firefox не поддерживает его.

Есть обходной путь для Firefox 3.x, но он также не работает в FF4.

Мне сказали, что они планируютдобавить поддержку в FF6.

На данный момент не существует CSS-решения, которое бы работало корректно для Firefox.Есть несколько попыток, которые смогли что-то приблизить, но на самом деле ничего правильного.

Более подробно см. Также этот вопрос: Переполнение текста: многоточие в Firefox 4?(и FF5)

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

ОБНОВЛЕНИЕ согласно ответу Или:

Начиная с версии Firefox 7text-overflow: ellipsis поддерживается.Таким образом, это кросс-браузеры для основных браузеров, таких как FF7, IE7 и Chrome.

Answer 2

Это сообщение устарело. Начиная с версии 7 Firefox, он поддерживает переполнение текста: многоточие. Таким образом, это кросс-браузеры для основных браузеров, таких как ff7, IE7 и chrome.