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

标签 jquery css text hide toggle

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

问题

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

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

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

最佳答案

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

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

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

关于jQuery 和 CSS - 按高度剪切文本,不截断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8807897/

相关文章:

xml - 如何使用 Perl 将生成的文本文件转换为 Junit 格式(XML)

ios - 在我的应用程序中集成共享 iOS/whatsapp。同时分享图片和文字到whatsapp

javascript - 单击时更改 Bootstrap 图标位置

css - @media 查询不适用于移动设备。在 Chrome 中运行良好

javascript - jQuery:滚动窗口然后 addClass() - 如何回调

jQuery 模糊有一个异常(exception)

html - 在 Polymer 中应用 mixin 时遇到问题

text - 如何将字符串的内容分配给 Unity 4.6 中的文本字段?

javascript - 将 html 元素包含在另一个元素中

jquery - 抽象从不同输入类型获取值