Comment définir le texte au-delà du saut de ligne en HTML

En HTML, vous pouvez utiliser les attributs word-wrap, word-break et overflow pour définir le texte au-delà du saut de ligne. Ajoutez simplement le "word-wrap:break-word;word-break:break-all;overflow : Hidden;" style à l'élément de texte. .

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

J'ai rencontré un problème aujourd'hui, comme le montre l'image :

Cela rend l'effet très inesthétique. Notre état idéal devrait être de faire en sorte que le contenu du div dépasse la largeur du div, et le contenu. doit être affiché dans de nouvelles lignes.

Solution :

Tout d'abord, il faut s'assurer que le div a une largeur, puis ajouter le style css : le code est le suivant :

word-wrap:break-word; 
word-break:break-all; 
overflow: hidden;

Le résultat est le suivant :

De cette façon, nous obtenons l'effet souhaité.

Tutoriel recommandé : "Tutoriel vidéo HTML"

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!