【问题标题】:jQuery & CSS - Cut text by height, no truncatejQuery & CSS - 按高度剪切文本,不截断
【发布时间】:2012-01-10 17:46:30
【问题描述】:

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

问题

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

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

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

【问题讨论】:

  • 链接到外部网站可能是一个有用的辅助问题,但总是发布相关的代码/标记在问题本身。更多:meta.stackexchange.com/questions/118392/…
  • 最好的办法是简单地以 ems 设置 div 的高度。具体来说,是line-height 的倍数。

标签: jquery css text hide toggle


【解决方案1】:

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

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

这会给你这个高度,最后是“px”。这是一个显示 4 行的工作 jsfiddle:http://jsfiddle.net/scaillerie/qWDLb/3/

【讨论】:

    【解决方案2】:

    您将需要与 EM 打交道。弄清楚div的高度,如果需要,可以缩小DIV的高度来隐藏部分行。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-12-30
      • 1970-01-01
      • 1970-01-01
      • 2011-03-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多