jQuery＆amp; CSS - 按高度剪切文本，不截断

Question

因为我想切换我的文字，我需要隐藏它的一部分。

问题

• 我的文字高度将是X或更低的像素。
• div的高度取决于侧边栏的高度，并不像本演示一样静态。
• 如果最后一行的字母现在被截断（se demo），我也想隐藏那一行。

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

如果可以使用行高或字体大小来计算高度，那么我自己就是这样吗？

Answer 1

您需要处理EM。找出div的高度，如果需要，你可以缩小DIV的高度以隐藏部分线。

http://webdev-il.blogspot.com/2011/03/how-to-convert-pixel-to-em-why-use-ems_31.html

Answer 2

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

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

这会给你这个高度，最后加上'px'。这是一个显示4行的工作jsfiddle：http://jsfiddle.net/scaillerie/qWDLb/3/。