Forum PHP.pl > [jquery]Zmniejszanie czcionki gdy za szeroki string

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jquery]Zmniejszanie czcionki gdy za szeroki string

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

marian84

7.12.2012, 21:17:12

Witam.

Na stronie mam ograniczone pole do wyświetlania tekstu (szerokość 500px).
Czy jest możliwość, by za pomocą jquery (moze być inny sposó

zmniejszyć rozmiar czcionki by dopasowała się do zadanego rozmiaru bez zawinięcia do kolejnej linijki?

Próbowałem zmniejszać czcionke, w zależności od ilości znaków ale to rozwiązanie nie zdaje egzaminu.

sunpietro

7.12.2012, 21:36:33

możesz spróbować poprzez umieszczenie tekstu w jakimś elemencie (może być span) i mierzenie szerokości spana i sprawdzanie czy span nie jest szerszy od szerokości rodzica.

pitu

7.12.2012, 21:45:08

Dokłanie możesz zrobić tak jak napisał @sunpietro.

Przykład:
http://jsfiddle.net/WZu3q/13/

marian84

7.12.2012, 21:47:00

Dzieki!

Czasem najprostrze rozwiązania są najlepsze ... Twój pomysł + zwykła proporcja

Kod

    var szerokosc=$('#naglowek').width();
    var roz=70;
    var max=500;

    var nowy_rozmiar=(roz*max)/szerokosc;
    $('h1').css('font-size', nowy_rozmiar);

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.