Hvordan kan tekst som aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
som overskrider bredden på en div
(f.eks. 200px
) ombrytes?
Jeg er åpen for alle slags løsninger som CSS, jQuery osv.
Du kan bruke en myk bindestrek som dette:
aaaaaaaaaaaaaaa&sjenert;aaaaaaaaaaaaaaaa
Dette vil vises som
aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa
hvis boksen som inneholder ikke er stor nok, eller som
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
hvis den er det.
div {
// set a width
word-wrap: break-word
}
Løsningen med "word-wrap" fungerer bare i IE og nettlesere som støtter "CSS3".
Den beste løsningen på tvers av nettlesere er å bruke språket på serversiden (php eller annet) til å finne lange strenger og plassere html-entiteten
i dem med jevne mellomrom.
Denne enheten bryter de lange ordene pent, og fungerer på alle nettlesere.
f.eks.
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa