jQuery 和 CSS - 按高度剪切文本，不截断

Question

因为我想切换文本，所以需要隐藏其中的一部分。

问题

• 我的文本高度将为 X 或更少的像素。
• div 的高度取决于侧边栏的高度，并且不像此演示那样静态。
• 如果最后一行的字母现在被截断(参见演示)，我也想隐藏该行。

看看我的演示: http://jsfiddle.net/qWDLb/1/

我自己的想法是是否可以使用行高或字体大小来计算高度？

Answer 1

您可以通过以下方式确定行高:

$('.text').css('line-height')

这将为您提供最后带有“px”的高度。这是一个用于显示 4 行的有效 jsfiddle:http://jsfiddle.net/scaillerie/qWDLb/3/ .