"Hard" mot rupture/fractionnement en html/css

Question

Comment puis-je fractionner un long mot/URL à un certain point lors de l'affichage dans un div html?

Il devrait ressembler à:

thisisareallylongwordt 
hatneedstobebroken her 
e or something like th 
at. 

Answer 1

Vous devez insérer manuellement <br> tags:

thisisareallylongwordt<br> 
hatneedstobebroken her<br> 
e or something like th<br> 
at 

Il n'y a pas de solution afaik CSS, autant que l'on voudrait un.

Editer: Comme Raoul a suggéré que le trait d'union ­ fonctionne aussi. Je ne savais pas que cela existait moi-même.

Answer 2

si vous êtes désireux mot de rompre au bord de la div plutôt que de déborder utiliser

div {word-wrap:break-word} 

Answer 3

Voulez-vous une ligne statique ou quelque chose de plus dynamique que la taille des changements div? Si vous voulez ce dernier alors vous voudrez probablement utiliser javascript. La bibliothèque jQuery a un plugin word wrap:

http://plugins.jquery.com/project/wordWrap

Dan