Predcasne ukoncenie textu

Zdravim,

Poreboval by som vyriesit jeden problem. Mam text v dive a chcem aby ked sa text dostane na urcitu hranicu, tak sa zobrazil odkaz napr. [url]...viac[/url]. Ak to nespravim, tak mi text bude prechadzat nepekne za div. Ako to vyriesit? Napadlo ma, ze useknem urcitucast retazca ale aku? Vezmime si napr. dva rezce:

iiiiiiiiiiiiiiiiiiiiiiiiiiiiii

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

Oba maju dlzku 30 znakov, no pozrite na ten evidentny rozdiel v dlzke. Toto je presne ten problem na ktory by som narazil. No prave preto, pisem sem a hladam sofistikovanejsie riesenie.

Dakujem

da sa to vyriesit viacerymi sposobmi, zalezi od tvojich preferencii, ktory si vyberies... bud si zistis priemerny pocet znakov, ktore sa zmestia do daneho divu a budes zobrazovat prvych x znakov, pripadne pouzijes overflow:hidden a napozicujes si na koniec riadku link "viac"... mozes este pouzit font s rovnakou sirkou znakov, aj to je riesenie, ale v prostredi webu zrejme nepouzitelne...

A co toto? http://www.csshrou.sk/css3-text-overflow-ellipsis/

Skusim ten priemerny pocet znakov a overflow:hiddena uvidim, co mi z toho bude vyhovovat viacej.



CSS3 hmm, tak nic

Nejde o to, ze CSS3, ale o to, ze je to siroko podporovane.

IE to podporuje az od v7, nie?

Tusim od 5.5, je to asi vymysel Mrkvosoftu. Na msdn.microsoft.com pisu len "partial" podporu, takze bude to treba odskusat.

Tak v tom pripade mozem skusit aj to,len sa bojim aby to nerobilo problemy

A ako si to potom mam vypocitat? Mam dajme tomu urcity div a ako mam vypocitat koko znakov sa mi tam vojde ak by som pouzil neproporcionalne pismo? Vysku nastaim lahko ale ako zistim sirku znaku na jeho vysku? Je na to nejaky vzorec?

Nijako to nezistíš, keďže záleží na fonte, použitom hintingu a kopci ďalších parametrov. Teda pomocou javascriptu sa to zistiť dá, ale rozumnejšie je počítať s tým, že html nie je obrázok a teda nie je vhodné obmedzovať výšku divu len kvôli tomu, aby to vyzeralo pekne (aj tak to takmer nikdy pekne nevyzerá).

No ja pouzivam pevne stanoveny font:



Zistil som ze pri tomto fonte je sirka presne 0.6tina z vysky. Testoval som to na viacerych textoch a velkostiach pisma. Pouzivam monospace... Moze byt? Ci to ma nejake haciky?