有关Firefox下截取后省略号的难题

日期:2021-03-14 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

今日在用到text-overflow的ellipsis特性得情况下,忽然发现原先FF下是沒有省略号得(才发现,汗)。不想把这个难题交到后台管理或用JS来做了,因而找了个折衷的方法,便是:after伪类来仿真模拟FF下的省略号。
实际做法便是给content1个…的值,随后hack处理宽度难题,这样看起来就舒适1些了。
将会有BUG或也有更好得方法,期待弟兄们告知1下。
案例:

提醒:您能够先改动一部分编码再运作

但是我在IE8下检测的情况下,发现多出了...,因而在 content: "...";后边加多1个 content:"\9";