[注意] 7行のクロスブラウザテキストオーバーフロー

style.css



.habr span

{

表示 ブロック ;

オーバーフロー 非表示 ;

空白 nowrap ;

100 ;

-moz-binding url "ellipsisxul.xml#ellipsis" ;

テキストオーバーフロー 省略記号

-o-text- overflow 省略記号;

}




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" >

<コンテンツ>

<xul:ウィンドウ>

<xul:description crop = "end" xbl:inherits = "value = xbl:text" >

<子供 />

</ xul:説明>

</ xul:ウィンドウ>

</コンテンツ>



</バインディング>

</バインディング>




例: x3k.ru/habr/overflow

new.music.yahoo.com/videos/chartsから取られたコード



All Articles