-2

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>
4

2 に答える 2

0

寸法が固定された箱を持っている場合、多くのものを入れると、明らかにいっぱいになります。あなたがやろうとしていることについても同じことが言えます。

font-size または div の幅/高さを動的にサイズ変更する必要があります。

于 2012-08-06T21:38:38.793 に答える
0

FitTextのドキュメントを参照してください。次のように簡単です。

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

それでも、FitText はコンテナーの高さではなく、幅に基づいて計算を行います。テキストを1 行に収めたい場合は便利ですが、ボックスに収めたい場合はあまり役に立ちません。

于 2012-08-06T21:39:38.680 に答える