Comment faire passer un texte à la ligne suivante s'il déborde ?

Question

J'ai essayé word-wrap: break-word; , mais cela sépare les lignes au milieu du mot.

Answer 1

Pour utiliser word-wrap: break-word , vous devez définir une largeur (en px). Par exemple:

 div {
    width: 250px;
    word-wrap: break-word;
}

word-wrap est une propriété CSS3, mais elle devrait fonctionner dans tous les navigateurs, y compris IE 5.5-9.

Answer 2

Tant que vous spécifiez une largeur sur l'élément, il devrait s'enrouler sans avoir besoin de rien d'autre.

Answer 3

word-wrap: break-word; 

ajoutez ceci à votre conteneur Cela devrait faire l'affaire