css - 没有 '-webkit-line-clamp' 的夹线

Question

在过去的好日子里，webkit 中存在一个使用纯 css 夹线的技巧:

display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

尽管此语法与 display: -webkit-flex 语法愉快地共存，但在所有基于 webkit 的现代浏览器中，它被认为已过时。

我的问题是:

如果没有过时的 '-webkit-line-clamp' 技巧，我如何在纯 CSS 中实现线夹紧？

Answer 1

唯一的跨浏览器解决方案是使用 js afaik。这里讨论多行省略号截断问题的几种解决方法:http://css-tricks.com/line-clampin/

我讨厌他们所有人，但欢迎进行 Web 开发。