查找由于溢出而隐藏的文本：隐藏？

Question

我有一个包含未知数量文本的<div>块。

该块的css是：

.synopsis { width:600px; height:32px; line-height:16px; overflow:hidden; }

本质上，该块允许两行文本，一旦文本达到块的限制，其余部分将被隐藏起来。

找出隐藏在视图中的文字的最简洁方法是什么？任何执行此操作的jQuery / Javascript功能？

Answer 1

您可以从css中删除高度，或者如果您想使用jQuery执行此操作，可以使用以下内容：

$('.synopsis').css('height','auto');

Answer 2

如果我理解正确，那么找到溢出文本的一种简单方法就是添加可见的背景颜色并在overflow:hidden类上注释掉synopsis。以下几行：

.synopsis {
  background: #FF0000;
  height: 32px;
  line-height: 16px;
  /*overflow: hidden;*/
  width: 600px;
}

这是一个JSFiddle我的意思：http://jsfiddle.net/UeaBA/4/

Answer 3

我认为在任何脚本中都没有任何简单的方法可以获得它。我现在能想到的唯一方法是获得该div中每个角色的高度和宽度。您必须对这些指标进行某些计算，以得出哪些字符属于可见区域。这将是最复杂的事情。