Avatar billede magnuskoch Nybegynder
17. april 2006 - 18:38 Der er 6 kommentarer

Automatisk linjeskift ift. længden af en en div, hvordan?

Jeg har en masse tekst inden i en div. Den tekst bliver bare til én lang linje. Jeg ville gerne have nogle automatiske linjeskift, sådan så teksten selv tilpasser sig min divs width. Ligesom en text box i word.

Hvordan gør man det?
Avatar billede apo Praktikant
17. april 2006 - 18:52 #1
Har du sat width på div'et?:

<div style="width:120px;">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div>
Avatar billede magnuskoch Nybegynder
17. april 2006 - 18:59 #2
yes
Avatar billede magnuskoch Nybegynder
17. april 2006 - 18:59 #3
her er den:

<div id="dimensioner-text" style="position:absolute;top:280px;right:0px;width:250px;z-index:4;font:Century Gothic;font-size:18px"">
19X45X34 asddddddddddddddddddddddddddddddddddd
</div>
Avatar billede magnuskoch Nybegynder
17. april 2006 - 19:00 #4
har fundet problemet nu... Den kunne selvølgelig ikke dele ét langt ord... doh!
Avatar billede apo Praktikant
17. april 2006 - 19:04 #5
... Men hvis dimensionen på div'et er vigtigere end indholdet af div'et, af hensyn til layoutet, kan du sætte en overflow på:

<div style="width:120px; height:15px; overflow:hidden;">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div>
Avatar billede Slettet bruger
17. april 2006 - 20:13 #6
Der er et Internet Explorer-specifikt CSS-tag der linebreaker lange ord:

"word-wrap: break-word;"

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