JS's DOM og linjeskift
Jeg har en <div>, som jeg er nødt til at fastsætte en absolut width på. I denne <div> tilføjes en ny div-element-node. I denne div-node tilføjer jeg en tekst-node med et navn, fx "Anders And". Dette navn skal være centreret i forhold til den yderste div. I HTML/CSS kunne man skrive det sådan<div style="width: 400px; text-align: center;">
<div>Et navn</div>
</div>
Problemet er nu, at jeg skal have navnet til at fylde så lidt som muligt i bredden. Derfor vil jeg erstatte alle mellemrum i navnet med linjeskift. Jeg kan ikke bare .replace(' ', '<br>') og så indsætte det som .nodeValue jo - det vil bare resultere i "<br>" som tekst og ikke som et linjeskift. Husk på at jeg heller ikke kan nedsætte bredden af det yderliggende element, da denne bredde skal være absolut. Jeg kan heller ikke nedsætte bredden på den "inderste div", da dette vil bevirke at teksten ikke står centreret i forhold til den yderliggende div.
Den eneste løsning jeg kan se er at oprette lige så mange elementer med createElement('div') som der skal være linjer. Er den antagelse korrekt? Eller findes der andre alternativer, hvilke?
På forhånd tak.
- Rasmus
