text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用！_CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　text-overflow:ellipsis大家用過吧，在win上大家都知道IE跟Opera可以搞定，假如你看下面的代碼你會(huì)不會(huì)興奮呢？

示例代碼 [hl5o.cn]

text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;

　　別興奮了，該支持的都支持，其他都是騙小朋友滴�；痉荌E的瀏覽器的私有屬性都會(huì)以-xxx-這樣開始，-o-就是以Presto為引擎的 Opera私有的、-icab-是iCab私有的，-khtml-就是以KHTML為引擎的瀏覽器（如Konqueror Safari）、-moz-就是以mozilla的Gecko為引擎的瀏覽器（如Firefox，mozilla）、-webkit-就是以Webkit 渲染引擎（是KHTML的衍生產(chǎn)品）的瀏覽器（如Safari、Swift）。

　　并不是說像-moz-text-overflow現(xiàn)在有用，而是一個(gè)幻想的寫法，當(dāng)一個(gè)瀏覽器的開發(fā)人員決定在瀏覽器支持一種還沒得到公認(rèn)的屬性時(shí)，一般都會(huì)在屬性的前面加上-xxx-這種，表明這種是屬于該瀏覽器私有的屬性，當(dāng)然，這些屬性多數(shù)來自CSS3的，使用這樣的寫法在瀏覽器升級(jí)后也許才有作用

　　這段代碼是在css3.info上看到的，以前是沒這樣寫滴，不知道是什么時(shí)候改的。

　　Firefox實(shí)現(xiàn)text-overflow的也有差不多行滴，一個(gè)是JS XBL，另一個(gè)CSS的:after 的，以前在試著寫用xbl來監(jiān)視文本的寬度的配合:after，不用想就知道我是失敗的，假如單XBL可以行的話，別人也不用配合JS來寫了。