Maison > Article > interface Web > Comment définir div au-delà du retour à la ligne en CSS
Comment définir div au-delà du retour à la ligne en CSS
- WBOYoriginal
- 2021-11-19 14:38:587991parcourir
En CSS, vous pouvez utiliser l'attribut "word-break" pour obtenir l'effet div au-delà du saut de ligne. Cet attribut permet au contenu div de s'enrouler automatiquement à la fin. La syntaxe est "div{word-break:break-all. ;}".
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Comment définir div au-delà du saut de ligne en CSS
En CSS, vous pouvez utiliser l'attribut word-break pour spécifier la méthode de traitement du saut de ligne automatique.
En utilisant l'attribut word-break, le navigateur peut réaliser un saut de ligne à n'importe quelle position.
La syntaxe est :
word-break: normal|break-all|keep-all;
Il convient de noter que :
normal signifie utiliser les règles de retour à la ligne par défaut du navigateur.
break-all signifie que les sauts de ligne dans les mots sont autorisés.
keep-all signifie que les sauts de ligne ne peuvent être effectués qu'au niveau des espaces ou des traits d'union à mi-largeur.
Prenons un exemple pour voir comment définir le div au-delà du retour à la ligne. L'exemple est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<style type="text/css">
div{
width:50px;
word-break:break-all;
}
</style>
<div>
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</body>
</html>Résultat de sortie :
Pour plus de connaissances sur la programmation, veuillez visiter : Programmation. Vidéo ! !
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!