設置正確路線的高度，以避免剪裁文本

我有一個div與overflow:hidden其呈現出多文本，我想避免剪裁文本。設置正確路線的高度，以避免剪裁文本

這裏是一個剪輯文本的例子：

Example of a clipped text

而且我想這樣做的純CSS。（無Javascript）

如果我對我的div有固定身高，那麼我可以使用line-height來達到此目的，比如this。

但是，我div有height:50% ......所以，如何顯示多文本儘可能在我div，還可以避免文本剪輯？

編輯：目前，我正在使用dotdotdot ellipsis javascript插件，我還測試了另一個插件（我不記得名字是什麼）;但它們速度太慢，尤其是在有很多方塊應用省略號時，特別是在iPad和Android平板電腦上。（它們在Chrome for Windows中速度更快）

用'行高，會發生什麼：50％'？（我現在無法自己測試它）。 –

你知道行數和文字大小嗎？ – Chris

@ Abody97號字體也沒有固定寬度的字符... –

將示例中#text div的高度設置爲100％。然後使用完整高度並顯示div #container中文本的最大值。

看到這個小提琴：updated fiddle

2012-09-03 13:57:58

它仍然有文字剪輯的問題。我想避免文本剪輯... –

而且，我不希望將#text的高度設置爲100％...它應該是例如我的佈局中的50％... –

仍然是文本剪輯 – krish

回答