jQuery& CSS-按高度剪切文本，不截断 [英] jQuery & CSS - Cut text by height, no truncate

问题描述

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

Because I want to toggle my text I need to hide a part of it.

问题

• 我的文字高度将不超过X个像素.
• div的高度取决于侧边栏的高度，并且不像此演示文稿那么静态.
• 如果最后一行的字母现在已被截断(例如演示)，我也想隐藏该行.

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

我自己应该是​​可以使用行高或字体大小来计算高度吗?

My own thougt would be if the height could be calculated by using line-height or font sizes?

推荐答案

您可以使用以下方法确定行高:

You can determine line-height with:

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

这将使您具有此高度，末尾带有"px".这是一个工作的jsfiddle，用于显示4行: http://jsfiddle.net/scaillerie/qWDLb/3/.

This give you this height with 'px' at the end. Here is a working jsfiddle for showing 4 lines : http://jsfiddle.net/scaillerie/qWDLb/3/ .

这篇关于jQuery& CSS-按高度剪切文本，不截断的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！