communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > le corps du texte

Comment utiliser l'attribut text-wrap

青灯夜游
Libérer： 2019-02-12 10:14:39
original
3511 Les gens l'ont consulté

L'attribut text-wrap est utilisé pour spécifier les règles d'habillage du texte ; lorsque la valeur est normale, cela signifie que la ligne n'est renvoyée à la ligne qu'au point de saut de ligne autorisé, la valeur none signifie que la ligne n'est pas renvoyée à la ligne, et la valeur unrestricted signifie que la ligne est enroulée entre deux caractères quelconques. Pour la suppression, cela signifie que la ligne sera interrompue uniquement lorsqu'il n'y a pas d'autres sauts de ligne valides dans la ligne.

Comment utiliser l'attribut text-wrap

Attribut de retour à la ligne de texte CSS3

Fonction : attribut de retour à la ligne de texte Spécifie les règles de retour à la ligne (wrap) pour le texte.

Syntaxe : 

text-wrap: normal|none|unrestricted|suppress;
Copier après la connexion

normal : sauts de ligne uniquement aux sauts de ligne autorisés.

aucun : aucun saut de ligne. Le texte que l'élément ne peut pas contenir débordera.

illimité : saut de ligne entre deux caractères quelconques.

supprimer : Supprime les sauts de ligne dans les éléments. Les navigateurs ne coupent les lignes que s'il n'y a pas d'autres sauts de ligne valides dans la ligne.

Remarque : Actuellement, les navigateurs grand public ne prennent pas en charge l'attribut text-wrap.

Exemple d'utilisation de l'attribut CSS3 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">这段包含一些文本。这一行的文字不会换行到下一行。</p>
<p class="test2"> 这段包含一些文本。这一行的文字正常换行。.</p>
</body>
</html>
Copier après la connexion

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!

Étiquettes associées：
css3 retour à la ligne du texte
source：php.cn
Article précédent：Comment utiliser l'attribut word-break Article suivant：Comment utiliser l'attribut text-overflow
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
Depuis 2024-04-06 22:01:35
0
3
816
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Calculer la somme des champs dans une autre table à l'aide d'une requête MySQL SQL J'ai un schéma comme celui-ci : Table utilisateur avec les attributs "user_id" e...
Depuis 2024-04-06 19:39:29
0
1
441
Styles CSS non appliqués au site Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appl...
Depuis 2024-04-06 17:12:23
0
1
336
Comment modifier les propriétés du tableau imbriqué JSON "project_id" et "project_name" Nom :[{"project_id":1,"project_name":"CDP","role":...
Depuis 2024-04-06 15:39:51
0
1
466
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal