帅到掉厕所的-aoao-text-overflow:ellipsis

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来写了。

This entry was posted in Web开发 and tagged , . Bookmark the permalink.

9 Responses to 帅到掉厕所的-aoao-text-overflow:ellipsis

  1. @ 2007-05-03 at 10:28

    以为你丫又整出什么重大发现呢,原来还是个空头支票。

  2. 360网络品牌 @ 2007-05-03 at 15:45

    呵呵,继续关照支持中

  3. old9 @ 2007-05-03 at 21:04

  4. yanglei @ 2007-05-04 at 09:10

    css3.info上的链接链错喽,写做了个点……ho~ho

  5. aoao @ 2007-05-04 at 14:36

    嘿嘿。。已经改好了。。

  6. 爆牙齿 @ 2008-09-07 at 13:28

    空头支票!NND,一年多后还是被忽悠。

  7. 囧囧有神的小盆U @ 2009-03-16 at 11:10

    囧囧有神~~

  8. carol @ 2009-04-13 at 16:54

    中文中文中文中文
    这样就可以支持了,超出宽度出现省略号

  9. carol @ 2009-04-13 at 16:56

    没有显示出来,把要省略的文字(可以是中文)前后加上nobr标签就可以支持中文了

发表评论

(必填)

(必填)