在过去的好日子里,webkit中存在一个使用纯css夹紧线的技巧:
display: -webkit-Box; -webkit-line-clamp: 3; -webkit-Box-orient: vertical;
虽然这种语法与display -webkit-flex语法共存:在所有现代的基于webkit的浏览器中,它被认为是过时的.
我的问题是:
如何在纯CSS中实现线夹,而不用过时的’-webkit-line-clamp’技巧?
解决方法
唯一的跨浏览器解决方案是使用js afaik.这里讨论了使用省略号的多行截断问题的几种解决方案:
http://css-tricks.com/line-clampin/
我讨厌他们,但欢迎进行网页开发.