檢查多少行 <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來了解它的行數。 不確定如何找到確切的換行符。