3

私はアプリケーションを書いていますが、その中に可変フォントサイズの h1 要素をいくつか入れたいと思っています。

div の全幅 (1000px) をリミッターとして使用し、改行なしで div の幅に収まるように h1 要素のフォントを自動的に設定するスクリプトを使用します。

これは php GD で行うのは非常に簡単ですが、私はこれをクライアント側で行いたいと考えました。

4

2 に答える 2

2

Auto-size dynamic text to fill fixed size container への回答の一部として作成されたTextFill jQuery プラグインを参照してください。

于 2010-03-26T13:24:02.293 に答える
2

これには事前に構築された機能はないと思います。ループを実行して、要素が収まるまでサイズを変更する以外に選択肢はないと思います。

次のように機能します。

  • jQueryなどを使用して、DIVのクローンを作成しますelement = $('element_id').clone()

  • クローンfont-sizeの1

  • ループを構築する

    1. font-size1 ピクセル増加
    2. 目的の幅に達したかどうかを確認します
    3. もしそうなら、ループを壊します

複製された要素のfont-sizeは、目的の幅に最も近いものになります。

更新: @Pär の回答で参照されているプラ​​グインは、まさにこれを行います。

于 2010-03-26T13:24:59.280 に答える