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