今天在用到text-overflow的ellipsis属性得时候,突然发现原来FF下是没有省略号得(才发现,汗)。不想把这个问题交给后台或者用JS来做了,于是找了个折中的办法,就是:after伪类来模拟FF下的省略号。 具体做法就是给content一个…的值,然后hack解决宽度问题,这样看起

今天在用到text-overflow的ellipsis属性得时候,突然发现原来FF下是没有省略号得(才发现,汗)。不想把这个问题交给后台或者用JS来做了,于是找了个折中的办法,就是:after伪类来模拟FF下的省略号。
具体做法就是给content一个…的值,然后hack解决宽度问题,这样看起来就舒服一些了。
可能有BUG或者还有更好得办法,希望兄弟们告诉一下。
实例:

提示:您可以先修改部分代码再运行

不过我在IE8下测试的时候,发现多出了...,因此在 content: "...";后面加多一个 content:"\9";

点赞(9865) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部