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

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

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

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