26. september 2008 - 13:13Der 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 :)
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 :)
#jokkejensen Jeg har allerede brugt overflow:hidden, men den skifter alligevel ned til næste linie: ============ Navn: Jens Peter Christensen Jensen By: Tåstrup ============
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> ============
Dette burde vel kunne gøre det: style="width:150px; overflow:hidden; white-space:nowrap" =)
/mvh </bole>
Synes godt om
Ny brugerNybegynder
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.