您现在的位置是：网站首页> 编程资料编程资料

关于Firefox下截取后省略号的问题_浏览器兼容教程_CSS_网页制作_

2021-09-09 700人已围观

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

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

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

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

上一篇：css 画的百度LOGO_CSS教程_CSS_网页制作_

下一篇：css 文字上右下环绕广告的写法_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网