如何知道我的文字是多少行包一個DIV

Question

我也問過這裏一個類似的問題裏面： How to auto resize text in fixed DIV according to the text's length?

而且其工作。 但它工作在一行文本上。 假設我想將我的文本換成2行，如果它更多（溢出）然後去調整大小...

有沒有辦法做到這一點？

謝謝！

Answer 1

如果你知道font-size，font-style和line-height，並且我認爲你知道它是否是你的網站:)。你可以編寫javascript函數，將字符添加到div，直到它的高度小於或等於兩行高度。

以下是可在所有瀏覽器中進行單行檢查的示例。 說實話，這不是我的解決方案，但是我的同事允許發佈它:)。

function fitInWidth(name) { 
     this.empty().append(name); 
     while (this.height() > 19) { 
      name = name.substring(0, name.length - 3); 
      while (name.charAt(name.length - 1) == ' ') name = name.substring(0, name.length - 2); 
      this.empty().append(name = name + '…'); 
     } 
     return name;  
} 

Answer 2

可以使divinline然後找到高度，然後使其block但隨着新的高度。

$("#element").css("display","inline").css({height: $("#element").height(), display: "block"});