L'attribut word-wrap est utilisé pour envelopper automatiquement les mots longs ou les adresses URL aux limites du conteneur.
Attribut de retour à la ligne CSS3
Fonction : Autorise les mots longs ou L'adresse URL passe à la ligne suivante.
Description : Définit ou récupère s'il faut couper les lignes lorsque le contenu dépasse les limites du conteneur spécifié.
Syntaxe :
word-wrap: normal|break-word;
normal : les sauts de ligne uniquement aux points de césure autorisés (le navigateur conserve le traitement par défaut).
break-word : coupez les lignes à l'intérieur de mots longs ou d'adresses URL.
Exemple d'utilisation de l'attribut CSS3 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 représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web PHP chinois ! ! !
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!
tutoriel CSS3
Quelles sont les propriétés du dégradé CSS3 ?
Que dois-je faire si la vidéo Web ne peut pas être ouverte ?
Comment résoudre l'erreur 504 dans CDN
Nom des variables en langage C
Comment ouvrir le fichier VSD
Quels sont les systèmes de correction d'erreurs de noms de domaine ?
Méthodes courantes de détection des vulnérabilités des sites Web
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
