您當(dāng)前所在位置：
首頁 →
網(wǎng)絡(luò)編程 →
DIVCSS →
text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用!
text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用!
時間：2015-06-28 00:00:00
來源：IT貓撲網(wǎng)
作者：網(wǎng)管聯(lián)盟
我要評論(0)
- text-overflow:ellipsis大家用過吧，在win上大家都知道IE跟Opera可以搞定，假如你看下面的代碼你會不會興奮呢？
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
別興奮了，該支持的都支持，其他都是騙小朋友滴?；痉荌E的瀏覽器的私有屬性都會以-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)在有用，而是一個幻想的寫法，當(dāng)一個瀏覽器的開發(fā)人員決定在瀏覽器支持一種還沒得到公認(rèn)的屬性時，一般都會在屬性的前面加上-xxx-這種，表明這種是屬于該瀏覽器私有的屬性，當(dāng)然，這些屬性多數(shù)來自CSS3的，使用這樣的寫法在瀏覽器升級后也許才有作用
這段代碼是在css3.info上看到的，以前是沒這樣寫滴，不知道是什么時候改的。
Firefox實現(xiàn)text-overflow的也有差不多行滴，一個是JS XBL，另一個CSS的:after 的，以前在試著寫用xbl來監(jiān)視文本的寬度的配合:after，不用想就知道我是失敗的，假如單XBL可以行的話，別人也不用配合JS來寫了。關(guān)鍵詞標(biāo)簽：應(yīng)用,另類,瀏覽器,屬性
相關(guān)閱讀
熱門文章
DIV+CSS網(wǎng)頁布局常用的一些基礎(chǔ)知識整理
![完美解決CSS網(wǎng)頁水平居中]()
完美解決CSS網(wǎng)頁水平居中
![XHTML+CSS兼容解決方案]()
XHTML+CSS兼容解決方案
![CSS網(wǎng)頁布局困擾新手的八個問題]()
CSS網(wǎng)頁布局困擾新手的八個問題
人氣排行
DIV CSS完美兼容IE6/IE7/FF的通用方法
CSS實例：list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實例
CSS實例:通過定義漸變邊框給圖片加陰影
CSS常用技巧之一 禁止文字自動換行
網(wǎng)頁頁面設(shè)計中CSS十大注意
解決用CSS控制DIV居中失效的問題
css div設(shè)置float后高度不能自動增加
讓CSS兼容IE和Firefox的技巧集合
