Comment empêcher le débordement de texte dans les divisions HTML ?

Comment adapter le texte à la largeur d'un div en HTML

Lorsque vous travaillez avec HTML, vous pouvez rencontrer des situations où le texte dépasse la largeur disponible de un élément div, ce qui entraîne des sauts de ligne gênants. Pour résoudre ce problème, vous pouvez utiliser la propriété word-wrap pour contrôler la façon dont le texte est renvoyé à la ligne dans le div.

La valeur par défaut du retour à la ligne est normale, ce qui empêche le texte de s'enrouler dans les mots. Pour activer le retour à la ligne, vous pouvez définir le retour à la ligne sur break-word :

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

Cela forcera le navigateur à couper les mots si nécessaire pour les adapter à la largeur spécifiée du div. Cette approche est simple à mettre en œuvre et fonctionne bien pour la plupart des scénarios.

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!