Avatar billede chriz7913 Nybegynder
26. september 2008 - 13:13 Der er 7 kommentarer og
1 løsning

Hvis meget tekst i DIV, skjul det sidste stykke af teksten

Hej experter,
jeg har en boks hvor man kan se oplysninger om en tilfældig bruger.
Jeg vil gerne have nogle linier i denne div boks:
==============
<b>Navn: </b>Jens Hansen<br>
<b>By: </b>Tåstrup<br>
==============

Så jeg vil gerne lave en tekstsikring, dvs at hvis brugeren har skrevet et extra langt navn, så ryger navnet ikke ned på næste linie; Jeg har prøvet mig frem sådan:
==============
<div style="overflow:hidden;width:150px;height:100px;background-color:#F00">
<b>Navn: </b>Jens Peter Christensen Jensen<br>
<b>By: </b>Tåstrup<br>
</div>
==============

Men hvis jeg bruger dette eksempel, ryger "Christensen Jensen" ned på næste linie, så der står:
==============
Navn: Jens Peter
Christensen Jensen
By: Tåstrup
==============

Vil gerne have samme effekt som hvis man skriver et langt ord i div boksen fx "DetteErEnMegetLangLinieSomViserHvordanDetSidsteAfTekstenGemmerSigBagDivBoksen".
På forhånd tak :)
Avatar billede w13 Novice
26. september 2008 - 13:14 #1
Prøv med word-wrap:break-word; i stedet.
Avatar billede chriz7913 Nybegynder
26. september 2008 - 13:47 #2
Men har ikke brug for at den skifter linie, har brug for at når "Navn: Jensen Christensen osv" har fyldt linie ud, skal den ikke skifte linie, men forsætte, bare usynlig dvs bag boxen :)
Avatar billede jokkejensen Novice
26. september 2008 - 14:01 #3
overflow:hidden;
Avatar billede chriz7913 Nybegynder
26. september 2008 - 14:09 #4
#jokkejensen
Jeg har allerede brugt overflow:hidden, men den skifter alligevel ned til næste linie:
============
Navn:
Jens Peter Christensen Jensen
By: Tåstrup
============
Avatar billede jokkejensen Novice
26. september 2008 - 14:11 #5
sorry, ja, det burde den ikke. :)

Hvad dtd har du på det dokuemnt ?
Avatar billede chriz7913 Nybegynder
26. september 2008 - 14:19 #6
Det eneste der er på er dette:
============
<div style="overflow:hidden;width:150px;height:100px;background-color:#F00">
<b>Navn: </b>Jens Peter Christensen Jensen<br>
<b>By: </b>Tåstrup<br>
</div>
============

Man fandt ud af det, ved at bruge:
============
<div style="width:150px;height:100px;background-color:#F00">
<span style="clip:rect(0px 145px 100px 0px);position:absolute;">
<b>Navn: </b>Jensen Kurt Thomasensen<br>
<b>By: </b>Tåstrup<br>
</span>
</div>
============
Avatar billede chriz7913 Nybegynder
26. september 2008 - 14:20 #7
*Men fandt ud af det
Avatar billede olebole Juniormester
26. september 2008 - 15:14 #8
<ole>

Dette burde vel kunne gøre det:
    style="width:150px; overflow:hidden; white-space:nowrap"  =)

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester