Hoe kan tekst als aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
die de breedte van een div
(zeg 200px
) overschrijdt worden gewrapped?
Ik sta open voor elke vorm van oplossing zoals CSS, jQuery, etc.
U kunt een zacht koppelteken gebruiken zoals dit:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Dit zal verschijnen als
aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa
als het vak niet groot genoeg is, of als
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
als dat wel zo is.
div {
// set a width
word-wrap: break-word
}
De 'word-wrap
' oplossing werkt alleen in IE en browsers die CSS3
ondersteunen.
De beste cross browser oplossing is om je server side taal (php of wat dan ook) te gebruiken om lange strings te lokaliseren en daar in regelmatige intervallen de html entiteit
in te plaatsen.
Deze entiteit breekt de lange woorden netjes af, en werkt op alle browsers.
bijv.
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa