css – 没有’-webkit-line-clamp’的夹紧线

前端之家收集整理的这篇文章主要介绍了css – 没有’-webkit-line-clamp’的夹紧线前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在过去的好日子里,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/

我讨厌他们,但欢迎进行网页开发.

猜你在找的CSS相关文章