Comment implémenter le retour à la ligne forcé des mots longs en DIV ?

Question

D'accord, cela me rend vraiment confus. J'ai du contenu placé dans un

comme ceci :

<div style="background-color: green; largeur: 200px; hauteur: 300px;">

Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.

</div>

Cependant, le contenu déborde du

(comme prévu) car le "mot" est trop long.

Comment forcer le navigateur à « casser » les mots lorsque cela est nécessaire pour tout adapter ?

Answer 1

Je ne suis pas sûr de la compatibilité des navigateurs

word-break: break-all;

Vous pouvez également utiliser le tag <wbr>

Answer 2

Utilisez word-wrap:break-word;

Cela fonctionne même bien dans IE6, ce qui est une agréable surprise.

---

word-wrap : break-word a été remplacé par overflow-wrap: break-word;word-wrap: break-word已被替换为overflow-wrap: break-word;，它适用于所有现代浏览器。由于IE是一个已经过时的浏览器，它将永远依赖于被弃用和非标准的word-wrap, cela fonctionne dans tous les navigateurs modernes. Étant donné qu'IE est un navigateur obsolète, il s'appuiera toujours sur le word-wrap obsolète et non standard.

L'alias que word-wrap的情况仍然可以正常工作，因为它是根据规范的overflow-wrap utilise actuellement.