检查多少行 <p> 标签占据

Question

我在徘徊，有没有办法检查包裹后<p>标记中的文本将占用几行？ 我知道包含此<p>的<div>的宽度和高度。

当我尝试剪切文本时，如果它的长度超过3行，并在以后使其可扩展，则会出现此问题。 我知道我可以通过以固定长度（一行中的平均符号数）剪切文本来实现此目的。 但是我只是在流浪:)

Answer 1

如果您使用相对单位的字体大小，行高和高度，则实际上不需要知道文本长多少个像素：请参见此小提琴-http: //jsfiddle.net/6WRsg/

我设置了line-height: 1.3和height: 3.9em /* (1.3 * 3 lines) */ ; 因此，无论字体大小如何，您始终最多只能显示三行文本。

当您需要显示所有内容时，只需以编程方式（通过javascript）将高度切换为auto

Answer 2

您可以将para暂时放置在可见页面之外，位置为position：absolute，left：-2000px，然后检查其offsetHeight来了解它的行数。 不确定如何找到确切的换行符。