答案 0 :(得分：32)
目前，没有跨浏览器的CSS方式来实现此类行为。
您现在只能使用-webkit-box和-webkit-line-clamp在基于webkit的浏览器中执行此操作，请参阅http://jsfiddle.net/ArKeu/7/
答案 1 :(得分：11)
<强> UPDATE！ UPDATE！ UPDATE！
自从我写这个答案以来，Clamp.js似乎已经冷却并死亡。该项目仍然存在于github上，因此您可以查看它。
但是，这里有一个更好的选择：ftellipsis。它是跨浏览器。
为什么webkit浏览器应该有所有乐趣？
此解决方案更加广泛，并且还为其他浏览器提供支持。
http://reusablebits.com/post/2642059628/introducing-clamp-js （死链接）
答案 2 :(得分：0)
CSS 溢出模块级别 3 是 W3C 规范，截至 2021 年 5 月 24 日，该规范处于工作草案状态。
它定义了一个名为 line-clamp 的 CSS 属性，它可以实现您的目标。它基于 kizu 的回答中提到的较早的 Webkit 属性；因此，不断发展的规范将继续在带有 -webkit- 前缀的 most browsers 中可用。
随着 CSS 溢出模块级别 3 规范的进展，我将更新此答案。