Avatar billede moddi100 Seniormester
08. februar 2009 - 22:10 Der er 7 kommentarer og
1 løsning

Tvinge tekst til kun at være på en linje

Hej,

Hvordan kan jeg tvinge noget tekst i en tabel til kun at være på én linje? Hvis feltet f.eks. er 40px bredt, må teksten ikke bare fortsætte på næste linje, men i stedet forsvinde.

Hvordan kan jeg gøre dette?
Avatar billede hkb-x Nybegynder
08. februar 2009 - 22:29 #1
Du kan bruge   istedet for mellemrum. Det er et 'None-Breaking SPace' der gør at browseren ikke laver linieskift.
Avatar billede hkb-x Nybegynder
08. februar 2009 - 22:31 #2
Hvi di så vil have teksten til at forsvinde kan du placere den i en beholder der sjuler overflow via CSS:

<div style="width: 40px; overflow: hidden;">Her&nbsp;er&nbsp;en&nbsp;tekst&nbsp;der&nbsp;ikke&nbsp;skifter&nbsp;linie!</div>
Avatar billede moddi100 Seniormester
08. februar 2009 - 22:39 #3
Viste nu godt det sidste, men havde aldrig gættet det med &nbsp;!
Avatar billede olebole Juniormester
09. februar 2009 - 10:08 #4
<ole>

Der er ikke brug for &nbsp;  =)

<div style="width: 40px; overflow: hidden; white-space:nowrap">bla bla bla bla bla bla</div>

/mvh
</bole>
Avatar billede moddi100 Seniormester
09. februar 2009 - 12:06 #5
Der kan man bare se, jeg fik vist givet point ud lidt for hurtigt. &nbsp; virker fint så længe der kun er mellemrum, men når der så kommer specialtegn såsom ()- ind i billedet, fejler den.
Det gør white-space:nowrap til gengæld ikke. Ønsker du point ole?
Avatar billede olebole Juniormester
09. februar 2009 - 12:41 #6
Ellers tak ... og jeg vidste jo, tråden var lukket, da jeg kommenterede  ;o)
Avatar billede moddi100 Seniormester
09. februar 2009 - 14:36 #7
Ikke desto mindre var det dig der kom med den bedste løsning.
Avatar billede olebole Juniormester
09. februar 2009 - 16:19 #8
Fint nok, men det går zq sikkert ganske smukt op i sidste ende - og du har nok mere at bruge en løsning til, end jeg har at bruge points til  ;o)
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