Moonless.net首页

Cutsin受难记

Home Blog 归宿美林湾 Labs

2009年3月10日 星期二

CSS实现限制行内字符的最大长度且超长能加省略号

网友“14px”提供了一个思路,很妙,以前只想到用换行、限高截断字符以避免出现半个字,但没想到用背景出省略号,呵呵,赞一个

但原帖的方式太复杂,恐怕不够实用,并且由于firefox尚未支持word-wrap和wrod-break,所以类似这种字符(“借某人名字nangongruiyangsdf打”)在firefox中会整体换行,显示结果就是字符和省略号之间出现空白-_-

不管怎样,把以前的一个例子改造一下:http://www.moonless.net/demo/20
但这样加省略号的缺陷还是很明显的:对非宋体无能为力,中英文混排效果也不理想,权当研究,也许以后有更好的方法。

标签:

收藏到网摘:新浪VIVI  365Key  POCO网摘  和讯网摘  我摘

0 条评论:

发表评论

指向此帖子的链接:

创建链接

<< 主页