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 :)
Støv, fibre og metalliske partikler kan påvirke både uptime, levetid og driftssikkerhed. Derfor arbejder flere datacentre systematisk med contamination control.
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.