text-overflow:ellipsis非IE的瀏覽器的另類應用

來源:互聯網
上載者:User
瀏覽器

  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;

  別興奮了,該支援的都支援,其他都是騙小朋友滴。基本非IE的瀏覽器的私人屬性都會以-xxx-這樣開始,-o-就是以Presto為引擎的 Opera私人的、-icab-是iCab私人的,-khtml-就是以KHTML為引擎的瀏覽器(如Konqueror Safari)、-moz-就是以mozilla的Gecko為引擎的瀏覽器(如Firefox,mozilla)、-webkit-就是以Webkit 渲染引擎(是KHTML的衍生產品)的瀏覽器(如Safari、Swift)。

  並不是說像-moz-text-overflow現在有用,而是一個幻想的寫法,當一個瀏覽器的開發人員決定在瀏覽器支援一種還沒得到公認的屬性時,一般都會在屬性的前面加上-xxx-這種,表明這種是屬於該瀏覽器私人的屬性,當然,這些屬性多數來自CSS3的,使用這樣的寫法在瀏覽器升級後也許才有作用

  這段代碼是在css3.info上看到的,以前是沒這樣寫滴,不知道是什麼時候改的。

  Firefox實現text-overflow的也有差不多行滴,一個是JS+XBL,另一個CSS的:after 的,以前在試著寫用xbl來監視文本的寬度的配合:after,不用想就知道我是失敗的,如果單XBL可以行的話,別人也不用配合JS來寫了。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。