如何在jQuery中使用fittext來調整div中的文本大小？ //編輯

Question

我嘗試使用fittext來調整我的文本大小。 div容器的寬度爲200 px到200 px。結果應該是，無論文本如何有10或200個單詞，文本必須放在框中。

編輯：jQuery中的fittext沒有適用於更多行的文本，也就是我的問題。

所以我會嘗試動態更多的行的字體大小。如果我嘗試這個，你會看到我的問題。該文本可以是動態的：

body{ 
    background-color: rgb(48, 54, 52); 
} 

.parent{ 
    position: relative; 
    background-color: black; 
    width: 200px; 
    height: 200px; 
    clear: both; 
} 

.child_1 
{ 
    width: 200px; 
    height: 200px; 
    position: absolute; 
    padding: 5px; 
} 

.child_1 
{ 
    background-color: rgb(255, 255, 255); 
    color: rgb(124, 170, 52); 

} 

<div> 
<div class="parent"> 

<div class="child_1" >Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Lorem 
ipsum dolor sit amet, consectetuer adipiscing elit.Lorem ipsum dolor sit amet,   
consectetuer adipiscing elit.</div> 
</div> 
</div> 

<script src="jquery.fittext.js"></script> 
<script type="text/javascript"> 
    $(".child_1").fitText(1.1, { minFontSize: 30, maxFontSize: '75px' }); 
</script> 

Answer 1

如果你有固定尺寸的箱子，把得多的東西，顯然會得到滿，這同樣適用於你正在嘗試做的。

您需要動態調整字體大小或div寬度/高度。

Answer 2

查看FitText documentation。這是簡單的：

$("#div_id").fitText(); 

儘管如此，FitText使得基於容器，而不是高度的寬度其計算。如果你想適應一行中的文字，但是如果你想將它放在一個盒子裏並不是很有用。