text-overflow:ellipsis非IE的瀏覽器的另類應用!_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        text-overflow:ellipsis大家用過吧,在win上大家都知道IE跟Opera可以搞定,假如你看下面的代碼你會不會興奮呢?

      示例代碼 [www.wf0088.com]
      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來寫了。

      來源:無憂整理//所屬分類:CSS教程/更新時間:2007-05-08
      相關CSS教程