Comment puis-je empêcher le débordement dans un DIV causé par des mots longs ?

Contrôle des sauts de ligne dans DIV avec des mots longs

Lorsque le contenu d'un DIV déborde en raison d'un mot trop long, il peut devenir inesthétique. Le comportement souhaité est de forcer un saut de mot à s'adapter à la largeur désignée.

Solution : overflow-wrap

La solution réside dans l'utilisation de la propriété CSS overflow-wrap . Définition du débordement-wrap : break-word ; forcera le navigateur Web à couper les mots aux endroits appropriés pour les adapter à la largeur DIV spécifiée. Cela garantit que tout le contenu s'affiche correctement.

Remarque concernant la compatibilité avec Internet Explorer

While overflow-wrap: break-word; est pris en charge dans les navigateurs modernes, Internet Explorer (IE) ne prend pas en charge cette propriété. Au lieu de cela, le word-wrap obsolète : break-word; peut être utilisé comme alternative.

Utilisation actuelle de word-wrap

Bien qu'il soit obsolète, word-wrap : break-word ; fonctionne toujours car il s'agit d'un alias pour overflow-wrap selon la spécification CSS. Par conséquent, les utilisations existantes du retour à la ligne continueront de fonctionner comme prévu.

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!