Comment puis-je empêcher un texte long de déborder de son conteneur en HTML ?

Dilemme de retour à la ligne en HTML

Problème :
De longues étendues de texte comme "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" peuvent dépasser la limites des conteneurs désignés, créant un affichage fragmenté. Ce problème survient lorsque le texte dépasse la largeur prédéfinie d'un div, conduisant à un contenu inesthétique et illisible.

Solution :

Via CSS :

La propriété CSS connue sous le nom de « word-wrap » offre une solution simple. En le définissant sur "break-word", vous demandez au navigateur de couper les mots qui s'étendent au-delà de la largeur du conteneur spécifié. Cela garantit que le texte circule de manière transparente dans l'espace désigné.

Exemple de code :

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

En incorporant ce code, votre texte sera automatiquement renvoyé dans les limites du div, préservant ainsi sa lisibilité et lui permettant de s'adapter à différentes tailles de fenêtres et orientations d'appareils.

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!