PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1
CSS teksti suurus
Postitaja: kunn 2013-01-08 23:25:17
On ehk keegi mingi hea lihtsa mooduse otsa komistanud kuidas CCS-ga teksti suurust muuta sõltuvalt teksti kogusest.

Nt. Mul on 100x100 px DIV ja seal sees alati erineva pikkusega tekst. Kui teksti on rohkem, siis peaks tekst olema väiksema suurusega ja vastupidi.
RE: CSS teksti suurus
Postitaja: vanemuine1990 2013-01-09 00:40:56
Lisa klassid. Näiteks

html:
<p class="small">John Doe</p><p class="big">postitas foorumis.></p>

css:
.small { font-size:17px; }
.big { font-size:22px; }

Igas lauses ei ole vaja anda uusi klasse. Klasse saab kasutada korduvalt.
RE: CSS teksti suurus
Postitaja: kukujuku 2013-01-09 13:32:27
Küsimus oli selle kohta, kas on võimalik fondi suurus panna sõltuma teksti hulgast.

Nt. kastis suurusega 100x100 px näidatakse kord ühd kord teist lauset.
1. "Esimene lause on lühike"
2. "Teine lause on palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju palju pikem"

Mõlemad laused peavad mahtuma kasti sisse täpselt sedasi, et nad võtaks enda alla maksimaalse võimaliku pinna.

TSITEERITUD:
Lisa klassid. Näiteks

html:
<p class="small">John Doe</p><p class="big">postitas foorumis.></p>

css:
.small { font-size:17px; }
.big { font-size:22px; }

Igas lauses ei ole vaja anda uusi klasse. Klasse saab kasutada korduvalt.
RE: CSS teksti suurus
Postitaja: blaa 2013-01-09 13:33:06
Seda ei saa teha lihtsalt css-ga.
Võid php-ga või js-ga sümbolid kokku lugeda ja vastavalt sellele stiili valida. Aga see ei ole ka ideaalne, sest näiteks siilike ja mammake ei ole visuaalselt sama pikad.

Lisaks võib kasutada teksti jõuga lühendamist (ellipsis) või sõnade poolitamist pehme poolitusmärgiga (shy)
RE: CSS teksti suurus
Postitaja: lk_ 2013-01-09 14:20:53
mingi variant oleks ehk "overflow:scroll", et siis pikema teksti korral lisatakse ketramisriba.

http://www.w3schools.com/cssref/pr_pos_overflow.asp
RE: CSS teksti suurus
Postitaja: - 2013-01-09 15:06:25
Javascriptiga äkki midagi sellist teha, et teed 100px laiuse hidden divi ja seal muudkui vähendad fondi suurust, kuni divi kõrgus on väiksem kui 100px. Seejärel tead, mis suurus on optimaalne, ning lased selle õigele div'ile selga.

Leheküljed: 1

©2002-2013 Martin Rebane & PHP.ee kaasautorid
  0.431839942932