Wie kann ich die Textgröße automatisch so anpassen, dass sie in ein Div passt?

Anpassen der Textgröße an ein Div

In Ihrer Situation haben Sie ein Hintergrundbild mit einem Div, in dem Sie Text anzeigen möchten. Sie möchten jedoch, dass die Schriftgröße des Texts automatisch an das Div angepasst wird. Um dies zu erreichen, ziehen Sie die folgende Lösung in Betracht:

jQuery Implementierung:

http://jsfiddle.net/MYSVL/2/

HTML:

<div>

CSS:

#fitin {
    width: 300px;
    height: 100px;
    border: 1px solid black;
    overflow: hidden;
    font-size: 1em;
}

JavaScript:

$(function() {
    while( $('#fitin div').height() > $('#fitin').height() ) {
        $('#fitin div').css('font-size', (parseInt($('#fitin div').css('font-size')) - 1) + "px" );
    }
});

Dieser Code iterativ Reduziert die Schriftgröße, bis der Text genau in das Div passt.

Das obige ist der detaillierte Inhalt vonWie kann ich die Textgröße automatisch so anpassen, dass sie in ein Div passt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!