Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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ó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
 
Start new topic
Odpowiedzi (1 - 3)
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/


--------------------
HTML/CSS/JS: jsfiddle
SQL: sqlfiddle
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 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
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 01:09