Hur trunkera text i en div-tag

Tråden skapades 2013-06-09 och har fått 5 svar. Det senaste inlägget skrevs 2013-06-10.

2013-06-09 18:07

lasselu
Medlem ●
Trollbäcken
2013-06-09 18:07

Tar en chansning och kollar om någon vet hur man löser detta.

Jag har en div av en bestämd höjd och bredd där jag ska placera en större textmassa. Om texten är för lång för div:en vill jag trunkera den och avsluta med ellipsis (vad heter det på svenska?).

Att använda CSS text-overflow fungerar ju inte då den kräver att texten inte är radbruten.

Finns det något annat bra sätt? Helst en lösning i PHP, Javascript eller kanske JQuery...

Anmäl Ändra Gilla Svara

2013-06-09 20:04

snigel1
Medlem ●
Stockholm
2013-06-09 20:04

Har ingen färdig lösning att ge dig men du behöver nog köra javascript iaf... så att den tar hänsyn till browserns rendering av texten.

Typ göra en loop som trimmar texten med x tecken/ord i taget och sedan kontrollerar höjden tills den ryms.

Bästa vore att släppa tänket med fast höjd dock. Är inte riktigt så html är tänkt att fungera

Anmäl Ändra Gilla Svara

2013-06-09 21:13

lasselu
Medlem ●
Trollbäcken
2013-06-09 21:13

Ursprungligen av snigel1:

Bästa vore att släppa tänket med fast höjd dock. Är inte riktigt så html är tänkt att fungera

Gå till inlägget

Sant, men om man bara använde html som det är tänkt att fungera så skulle inte många websiter se ut som de gör...

Anmäl Ändra Gilla Svara

2013-06-09 22:09

snigel1
Medlem ●
Stockholm
2013-06-09 22:09

Ursprungligen av lasselu:

Sant, men om man bara använde html som det är tänkt att fungera så skulle inte många websiter se ut som de gör...

Gå till inlägget

Jo sant. Men just linjering i höjdled är ett gissel...

Anmäl Ändra Gilla Svara

2013-06-10 12:22

Kermit
Medlem ●
2013-06-10 12:22

Kika på t ex http://www.samuelrossille.com/home/jstext eller jQuerys "dotdotdot" plugin: http://dotdotdot.frebsite.nl/

Anmäl Ändra Gilla Svara

2013-06-10 14:59

lasselu
Medlem ●
Trollbäcken
2013-06-10 14:59

Ursprungligen av Kermit:

Kika på t ex http://www.samuelrossille.com/home/jstext eller jQuerys "dotdotdot" plugin: http://dotdotdot.frebsite.nl/

Gå till inlägget

Tack!

Anmäl Ändra Gilla Svara

Bevaka tråden

Nytt i forumet

Debatterade nyheter

Senaste nytt

2 Hur ser ditt julpynt ut hemma?

0 3 ljusa tips för att hålla inbrottstjuvarna borta – använd smart belysning!

12 Slutet på något gammalt - början på något nytt

5 Rykte: Apple väntas lansera en uppdaterad 27" iMac i början av 2022

22 99mac blir Macradion på en helt ny plattform

1 Macradion: Vi släpper lös kraften tillsammans

0 Apple backar på den nya designen av Safari i macOS Monterey

24 Apple släpper macOS Monterey den 25 oktober

0 HomePod mini kommer i fler färger

91 Apple presenterar MacBook Pro, M1 Pro och M1 Max

4 Apple presenterar tredje generationens AirPods

2 Så här ser du Apples event ikväll

1 Apple Watch Series 7 - är det värt att uppgradera?

0 Macradion: Unleash the MF appstore

7 Detta tror vi att Apple visar upp på eventet

1 Apple förlänger sitt serviceprogram för AirPods Pro

0 Rykte: MacBook Pro har samma leverantör av miniLED-paneler som iPad Pro

3 Apple bjuder in till event den 18 oktober

1 BaseLynx: Modulär laddstation utan gränser

1 Tile håller koll på allt från plånbok till nycklar men saknar en nyckelfunktion

0 Apple överklagar domen för betalning genom tredjepartsutvecklare i App Store