L'attribut CSS text-wrap est utilisé pour spécifier les règles de retour à la ligne (retour à la ligne) pour le texte. Sa syntaxe est text-wrap : normal|none|unrestricted|suppress ; actuellement, les navigateurs grand public ne prennent pas en charge l'attribut text-wrap.
Comment utiliser l'attribut CSS text-wrap ?
Fonction : L'attribut text-wrap spécifie les règles de retour à la ligne (retour à la ligne) du texte.
Syntaxe :
text-wrap: normal|none|unrestricted|suppress
Explication :
normal Effectuez uniquement des sauts de ligne aux points de saut de ligne autorisés.
aucun Aucun saut de ligne. Le texte que l'élément ne peut pas contenir débordera.
sans restriction Rompre une nouvelle ligne entre deux caractères quelconques.
supprimer les sauts de ligne dans les éléments compressés. Les navigateurs n'enroulent les lignes que s'il n'y a aucun autre point d'arrêt valide dans la ligne.
Remarque : actuellement, les navigateurs grand public ne prennent pas en charge l'attribut text-wrap.
Exemple d'utilisation de l'attribut CSS text-wrap
<!DOCTYPE html>
<html>
<head>
<style>
p.test1
{
width:11em;
border:1px solid #000000;
text-wrap:none;
}
p.test2
{
width:11em;
border:1px solid #000000;
text-wrap:normal;
}
</style>
</head>
<body>
<p class="test1"> This paragraph contains some text. This line should not breake or wrap to the next line.</p>
<p class="test2"> This paragraph contains some text: The line breaks as normal.</p>
<p><b>注释：</b>目前主流浏览器都不支持 text-wrap 属性。</p>
</body>
</html>Sortie d'effet :
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!
Comment changer l'adresse IP sous Linux
Logiciel de partition de disque dur mobile
commutateur proxy
Numéro de séquence de remplissage des cellules fusionnées
Que signifie bloquer tous les cookies ?
Comment afficher deux divs côte à côte
Prix de la pièce U aujourd'hui
Méthode d'ouverture de l'autorisation de portée
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
