Comment envelopper une ligne au-delà de la largeur en CSS

Comment implémenter le retour à la ligne CSS au-delà de la largeur : 1. Utilisez "word-wrap: break-word" pour réaliser un retour à la ligne automatique 2. Utilisez "overflow:hidden" pour limiter la largeur et la hauteur à atteindre ; l'effet du retour à la ligne au-delà de la largeur.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Paramètres CSS pour enrouler automatiquement lorsque la largeur n'est pas suffisante

Comme indiqué :

Enroulement automatique

// html 
<div>111111111111111111111111</div>
// css
widht:100%;
height:100%;
word-wrap: break-word

<. 🎜>2, limiter la largeur et la hauteur

// html
<div>11111111111111111111111111</div>
//css 
widht:100px;
height:100px;
overflow:hidden // 如果想让元素可以滚动，设置为auto即可

(Remarque : si le div est placé dans li, vous devez ajouter l'attribut display: inline-block)

[Apprentissage recommandé :

tutoriel vidéo CSS 】

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!