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

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

问题

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

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

如果可以使用行高或字体大小计算高度，我自己的thougt会是什么？

Answer 1

您可以使用以下命令确定行高：

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

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

Answer 2

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

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