| Autor | Zpráva | ||
|---|---|---|---|
| neregistrovaný Profil * |
#1 · Zasláno: 29. 3. 2013, 22:16:07
Zdravím,
mám na stránce odkaz, který by měl být maximálně na dva řádky a v případě delšího textu bych chtěl, aby se text "usekl" a místo něj se vložila výpustka (...). Chtěl jsem proto použít vlastnost text-overflow: ellipsis. Odkaz je navíc jako blokový element s nastavenou výškou a šířkou a vlastností overflow: hidden;. I tak to ale nefunguje v žádném prohlížeči. Kde je chyba? Nebo to snad nepodporuje žádný prohlížeč? Jak toho dosáhnout?
Děkuji. |
||
| margin Profil * |
#2 · Zasláno: 29. 3. 2013, 22:48:07
Mám za to, že text-overflow funguje jinak, než si představuješ.
text-overflow umí všechny oučasné prohlížeče, krom Opery. Firefox umí text-overflow od verze 7, další najdeš v Yuhůově tabulce Text-overflow Příklad na vlastnost text-overflow |
||
|
Časová prodleva: 5 dní
|
|||
| neregistrovaný Profil * |
#3 · Zasláno: 3. 4. 2013, 21:37:53
No jde o to, že potřebuji nějakým způsobem zajistit, aby text, který je delší než na dva řádky se prostě usekl a na konci se zobrazily tři tečky. Myslel jsem, že právě k tomu slouží ta vlastnost. Mám prostě nějaké odkazy a chci aby se zobrazily maximálně dva řádky textu a ne delší text.
|
||
|
Časová prodleva: 5 dní
|
|||
| lionel messi Profil |
#4 · Zasláno: 9. 4. 2013, 09:07:51
Vlastnosť text-overlow funguje len v IE (tebe ani tam), takže inde bude štrajkovať asi vždy... Pre blokové elementy stačí na useknutie overflow:hidden ale to usekne aj uprostred vety.
|
||
| david78 Profil |
#5 · Zasláno: 9. 4. 2013, 12:58:26
Toto funguje len ak máte pre obmedzujúci blok nastavené white-space: nowrap;
Podpora prehliadačov je dobrá, len pre operu treba prefix -o- Problém by bol len ak by ste potrebovali mať tam tie riadky DVA, kôli tomu nowrap.... |
||
|
Časová prodleva: 11 let
|
|||
0