CSS实现限制行内字符的最大长度且超长能加省略号
网友“14px”提供了一个思路,很妙,以前只想到用换行、限高截断字符以避免出现半个字,但没想到用背景出省略号,呵呵,赞一个
但原帖的方式太复杂,恐怕不够实用,并且由于firefox尚未支持word-wrap和wrod-break,所以类似这种字符(“借某人名字nangongruiyangsdf打”)在firefox中会整体换行,显示结果就是字符和省略号之间出现空白-_-
不管怎样,把以前的一个例子改造一下:http://www.moonless.net/demo/20
但这样加省略号的缺陷还是很明显的:对非宋体无能为力,中英文混排效果也不理想,权当研究,也许以后有更好的方法。
但原帖的方式太复杂,恐怕不够实用,并且由于firefox尚未支持word-wrap和wrod-break,所以类似这种字符(“借某人名字nangongruiyangsdf打”)在firefox中会整体换行,显示结果就是字符和省略号之间出现空白-_-
不管怎样,把以前的一个例子改造一下:http://www.moonless.net/demo/20
但这样加省略号的缺陷还是很明显的:对非宋体无能为力,中英文混排效果也不理想,权当研究,也许以后有更好的方法。
标签: Web技术及应用




0 条评论:
发表评论
指向此帖子的链接:
创建链接
<< 主页