Hur trunkera text i en div-tag

Tråden skapades och har fått 5 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Söderfors
  • 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...

  • 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

  • Medlem
  • Söderfors
  • 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

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...

  • 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...

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

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

  • Medlem
  • Söderfors
  • 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/

Tack!

1
Bevaka tråden