Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jquery]Zmniejszanie czcionki gdy za szeroki string
marian84
post
Post #1





Grupa: Zarejestrowani
Postów: 185
Pomógł: 10
Dołączył: 29.01.2008

Ostrzeżenie: (0%)
-----


Witam.

Na stronie mam ograniczone pole do wyświetlania tekstu (szerokość 500px).
Czy jest możliwość, by za pomocą jquery (moze być inny sposó(IMG:style_emoticons/default/cool.gif) 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.
Go to the top of the page
+Quote Post
sunpietro
post
Post #2





Grupa: Zarejestrowani
Postów: 262
Pomógł: 26
Dołączył: 23.01.2009
Skąd: eZ Systems

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
pitu
post
Post #3





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

Ostrzeżenie: (0%)
-----


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

Przykład:
http://jsfiddle.net/WZu3q/13/
Go to the top of the page
+Quote Post
marian84
post
Post #4





Grupa: Zarejestrowani
Postów: 185
Pomógł: 10
Dołączył: 29.01.2008

Ostrzeżenie: (0%)
-----


Dzieki!

Czasem najprostrze rozwiązania są najlepsze ... Twój pomysł + zwykła proporcja (IMG:style_emoticons/default/smile.gif)

Kod
    var szerokosc=$('#naglowek').width();
    var roz=70;
    var max=500;
    
    var nowy_rozmiar=(roz*max)/szerokosc;
    $('h1').css('font-size', nowy_rozmiar);
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.09.2025 - 13:18