Maison  >  Article  >  interface Web  >  Comment utiliser l'attribut CSS word-wrap

Comment utiliser l'attribut CSS word-wrap

青灯夜游
青灯夜游original
2019-05-28 18:05:475888parcourir

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

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 :

Comment utiliser lattribut CSS word-wrap

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn