检查<p>标签占用的行数</p>

Question

我在徘徊，有没有办法检查<p>标签中的文字在被包裹后会占用多少行？我知道宽度和宽度包含此<div>的{​​{1}}的高度。

当我尝试剪切文本时，如果它超过3行，并且稍后可以扩展，那么就出现了这个问题。我知道我可以通过剪切固定长度的文本（一行中的平均符号数）来实现这一点。但我只是在徘徊：）

Answer 1

如果你使用相对单位的字体大小，行高和高度，你实际上不需要知道文本的长度有多少：看这个小提琴 - http://jsfiddle.net/6WRsg/

我设置了line-height: 1.3和height: 3.9em /* (1.3 * 3 lines) */;所以无论字体大小是什么，你总是最多显示三行文字。

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

的高度

Answer 2

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