[Заметка] Кроссбраузерный text-overflow в 7 строках

CSS*
style.css

.habr span
{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    width:100%;
    -moz-binding:url("ellipsisxul.xml#ellipsis");
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}


ellipsisxul.xml

<?xml version="1.0"?>
<bindings xmlns="www.mozilla.org/xbl" xmlns:xbl="www.mozilla.org/xbl" xmlns:xul="www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    <binding id="ellipsis">
        <content>
            <xul:window>
                <xul:description crop="end" xbl:inherits="value=xbl:text">
                    <children/>
                </xul:description>
            </xul:window>
        </content>
 
    </binding>
</bindings>


Пример: x3k.ru/habr/overflow/
Код взят с new.music.yahoo.com/videos/charts/
+30
14 ноября 2010, 13:29
126
Isis 78,1

комментарии (24)

+1
youROCK #
В firefox 4.7b просто обрезает текст, без троеточия. Ну а в более старых версиях Firefox, насколько я знаю, поддержка этого была сильно ограничена в такой реализации, например текст нельзя выделить, и т.д.
0
Isis #
Прочитал тут: Looks like FF4 removed support for -moz-binding in the CSS.
+10
Mithgol #
И правильно. Такую дыру в безопасности, которой может стать CSSовый джаваскрипт — ещё поискать надо.
+1
tenshi #
–1
Isis #
ключевая фраза «в 7 строках»
+6
xolvo #
я ваще все это в одну строку могу закатать. Правда она длинная получится ;)
–2
SwampRunner #
ну молодец
+16
xolvo #
бесит меня когда код строками измеряют.
Какая разница, сколько строк. Главное, чтобы работало эффективно, а скока там строк это дело десятое.

А то что я молодец я и так знаю.
НЛО прилетело и опубликовало эту надпись здесь
0
tenshi #
у меня всё работает
НЛО прилетело и опубликовало эту надпись здесь
0
tenshi #
фтранно о0" а можешь своего юзерагента кинуть?
НЛО прилетело и опубликовало эту надпись здесь
+2
elky #
Текст не выделяется
0
kydapodatsya #
Minefield 4.0b8pre все выделяется
НЛО прилетело и опубликовало эту надпись здесь
+1
Shablonarium #
для тех кто не шарит в CSS — поясните что такое text-overflow
+1
ssve #
0
PyroRed #
описывает поведение в случае когда текст вылезает за границы элемента
+2
pepelsbey #
Безпрефиксное свойство лучше писать последним, т.е.:

-moz-binding:url("ellipsisxul.xml#ellipsis");
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
0
Isis #
причина?
+3
yakovis #
ну очевидно, когда драфт будет заменен нормальной реализацией, text-overflow переопределит черновую реализацию, которая для совместимости с теми, кто на нее закладывался, может быть реализована как угодно. это правда если исходить из того, что можно предсказать, какой будет финальная реализация. :)
0
pepelsbey #
Тут рядом всё правильно сказали. Чуть подробнее читать здесь: Префикс или постхак
0
smashercosmo #
*ушел писать статью «Кроссбраузерный inline-block»*

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.