1

特定のスペースを埋めることができるようにテキストサイズを調整しようとしています

例：だから、私のHTMLが次のようになっているとしましょう：

<h1 style="width:120px;">some text</h1>

「何らかのテキスト」という単語が120pxを自動的に埋め、「何らかのテキスト」が何でもよいことを認識したい! フォント幅が引き伸ばされていても、120px 幅に収まるように単語にスペースが追加されていてもかまいません。

私はCSSで私たちが持っていることを知っていますoverflow:hidden;がoverflow:scroll;、これら2つは何の助けにもなりません

overflow:hidden;120px 以外の余分な文字を非表示にする と、不要overflow:scroll;なスクロールが作成されます。

解決策はありますか？おそらくJqueryプラグインか何か？私はどこでも見ましたが、何も見つかりませんでした。

4

2 に答える 2

2

次のようなスクリプトを使用して、使用可能なスペースにフォントを適合させることができます。

var fontSize = 100;
var reduce = function() {
    $('#txt').css('font-size', fontSize);
    $('#mes').html(fontSize);
    if ($('#txt').width()>MAX_MIDTH) {
       fontSize -= 1;
        reduce();
    }
};
reduce();
$('#width, #height').change(function(){fontSize = 100;reduce()});

デモンストレーション

于 2012-11-25T20:56:01.930 に答える
1

を使用してテキストを揃えますtext-align: justify

于 2012-11-25T20:54:46.700 に答える