Maison > Article > interface Web > Comment utiliser l'attribut CSS word-wrap
Comment utiliser l'attribut CSS word-wrap
- 青灯夜游original
- 2019-05-28 18:05:475924parcourir
L'attribut CSS word-wrap est utilisé pour définir la méthode de saut de ligne lorsque le contenu de l'élément dépasse la limite de son conteneur. Il est souvent défini pour envelopper automatiquement les mots longs ou les adresses URL à la limite du conteneur. syntaxe "word-wrap:normal|break -word;", lorsque la valeur de l'attribut est "word-wrap", le retour à la ligne automatique est implémenté.
Comment utiliser l'attribut CSS word-wrap ?
L'attribut word-wrap permet au contenu long d'être automatiquement renvoyé à la ligne. Il définit ou récupère si les mots sont brisés lorsque le contenu dépasse les limites de son conteneur.
Syntaxe
word-wrap: normal|break-word;
Valeur de l'attribut :
Quantity normal : sauts de ligne uniquement aux points de césure autorisés (le navigateur continue de gérer par défaut).
● Saut de mot : saut de ligne dans les mots longs ou les adresses URL.
Remarque : Tous les principaux navigateurs prennent en charge l'attribut word-wrap.
Exemple d'attribut CSS word-wrap
<!DOCTYPE html>
<html>
<head>
<style>
p{
width:11em;
border:1px solid #000000;
}
p.test{
word-wrap:break-word;
}
</style>
</head>
<body>
<p>dsffdgrh121324gfdgfhhgjhkkjlkl;</p>
<p class="test">dsffdgrh121324gfdgfhhgjhkkjlkl;</p>
</body>
</html>Rendu :
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!