设置正确的线条高度以避免剪切文本

Question

我的div overflow:hidden显示多行文字，我想避免剪切文字。

以下是剪辑文字的示例：

我想在Pure CSS中这样做。 （没有Javascript）

如果我的div身高已经固定，我可以line-height用于此目的，例如this。

但是，我的div有height:50% ...那么，如何在我的div中尽可能多地展示多行文字，同时避免文字削波？

编辑：目前，我正在使用dotdotdot省略号javascript插件，我还测试了另一个插件（我不记得名字是什么）;但它们太慢了，特别是当有很多盒子要应用省略号时，特别是在iPad和Android平板电脑上。 （它们在Chrome for Windows中要快得多）

Answer 1

将示例中#text div的高度设置为100％。然后它使用整个高度并显示div #container中的最大文本。

看到这个小提琴：updated fiddle