Comment puis-je empêcher les mots longs de déborder dans un DIV ?

Surmonter les débordements de mots longs dans les DIV

Un défi courant rencontré lorsque l'on travaille avec des éléments DIV est le texte qui dépasse la largeur du DIV, ce qui entraîne un débordement de contenu en dehors du conteneur . Cela est particulièrement évident lorsqu'il s'agit de mots excessivement longs.

Pour résoudre ce problème et garantir que le texte s'adapte parfaitement aux limites du DIV, CSS propose une solution :

Utilisation de overflow-wrap : break- word;

En définissant la propriété overflow-wrap sur break-word, le navigateur brisera automatiquement le mot au point approprié pour l'adapter à la largeur DIV définie. Cela garantit que l'intégralité du texte est visible sans débordement.

div {
  overflow-wrap: break-word;
}

Exemple :

<div>
<p>Utilisation de overflow-wrap : break-word ; forcera le navigateur à ajuster tout le texte dans la largeur DIV spécifiée, en cassant le mot long si nécessaire.</p>
<p><strong>Remarque :</strong> Pour la compatibilité avec les navigateurs plus anciens tels que IE6, vous pouvez utiliser le obsolète propriété <strong>word-wrap : break-word</strong>. Cependant, il est recommandé d'utiliser la propriété moderne <strong>overflow-wrap</strong> à la place.</p>
</div>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!