Comment implémenter le retour à la ligne forcé des mots longs en DIV ?
P粉450744515
2023-08-21 14:03:56
<p>D'accord, cela me rend vraiment confus. J'ai du contenu placé dans un </p><div> comme ceci : <p><br /></p>
<pre class="brush:php;toolbar:false;"><div style="background-color: green; largeur: 200px; hauteur: 300px;">
Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.
</div></pre>
<p>Cependant, le contenu déborde du </p><div> (comme prévu) car le "mot" est trop long. <p><br /></p>
<p>Comment forcer le navigateur à « casser » les mots lorsque cela est nécessaire pour tout adapter ? </p></div></div>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Je ne suis pas sûr de la compatibilité des navigateurs
Vous pouvez également utiliser le tag
<wbr>Utilisezword-wrap:break-word;Cela fonctionne même bien dans IE6, ce qui est une agréable surprise.
word-wrap : break-worda été remplacé paroverflow-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 leword-wrapobsolète et non standard.L'alias que
word-wrap的情况仍然可以正常工作，因为它是根据规范的overflow-wraputilise actuellement.