Jak programowo sprawdzić czy tekst mieści się w DIVie?

Witam

Chcę zmniejszać czcionkę w DIV-ie do momentu aż zawartość tekstu w nim będzie się mieściła. Poszukuję takiej właściwości CSS, która odpytana przez jQuery mi to zdradzi.

while( szukany_warunek ) {
krok=krok+1;
rozmiar_fonta = (parseInt($('#moj_div').css('font-size'))-krok)+'px';


$('#moj_div').css('font-size', rozmiar_fonta);
}

Z góry dziękuję za każdą linijkę kodu.

 

Ja bym to zrobił tak:


  • skopiował tekst z diva to zmiennej

  • zawartość diva zmienił na jedną literkę

  • wysokość diva skopiował w celu porównania

  • przywrócił zawartość

lub

  • wysokość diva wyznaczył na podstawie wysokości linii

loop “oczekiwana_wysokość < aktualna_wysokość”

Sprawdź plugin jquery-bigtext :slight_smile:

WIELKIE DZIĘKI : )