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


(leonardodavinci) #1

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.

 


(GioWDS) #2

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ść”


(ejtipi) #3

Sprawdź plugin jquery-bigtext :slight_smile:


(leonardodavinci) #4

WIELKIE DZIĘKI : )