Quel est le code CSS anglais qui n'impose aucun saut de ligne ?

藏色散人
Libérer: 2023-01-28 15:45:30
original
2636 Les gens l'ont consulté

Le code anglais permettant à CSS de forcer l'absence de saut de ligne est "white-space:nowrap;", où l'attribut "white-space" spécifie comment gérer les espaces dans l'élément, et la valeur de l'attribut nowrap indique que le texte sera ne s'enroule pas et le texte sera sur la même ligne. Continuez jusqu'à ce que vous rencontriez la balise
.

Quel est le code CSS anglais qui n'impose aucun saut de ligne ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, version css3, ordinateur DELL G3

Quel est le code pour que les CSS ne forcent aucun saut de ligne en anglais ?

Code CSS pour les sauts de ligne forcés et les sauts de ligne en anglais et en chinois

1 word-break:break-all ne fonctionne qu'en anglais, en utilisant les lettres comme base pour les sauts de ligne

2. -wrap:break-word ; Fonctionne uniquement en anglais, en utilisant des mots comme base pour les sauts de ligne

3 white-space:pre-wrap; Fonctionne uniquement en chinois, forçant les sauts de ligne

4. N'impose aucun saut de ligne, fonctionne dans tous les cas

5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis; Aucun saut de ligne, la partie excédentaire est masquée et apparaît sous forme d'ellipses

Remarque : Be assurez-vous de préciser la largeur du conteneur, sinon cela ne servira à rien.

Exemple

.p1{ word-break:break-all; width:150px;}
.p2{ word-wrap:break-word; width:150px;}
.p3{white-space:pre-wrap; width:150px;}
.p4{white-space:nowrap; width:10px;}
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}
Copier après la connexion

word-break Syntaxe

word-break : normal | break-all | keep-all
Copier après la connexion

Paramètres :

normal : autoriser les sauts de ligne dans les mots selon les règles de texte pour les langues asiatiques et non asiatiques

break-all : ce comportement est le même que la normale pour les langues asiatiques. Les sauts dans n'importe quel mot d'une ligne de texte en langue non asiatique sont également autorisés. Cette valeur convient au texte asiatique contenant du texte non asiatique.

keep-all : Identique à la normale pour toutes les langues non asiatiques. Pour le chinois, le coréen et le japonais, les sauts de mots ne sont pas autorisés. Convient aux textes non asiatiques contenant une petite quantité de texte asiatique

Apprentissage recommandé : "Tutoriel vidéo CSS"

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:
css
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal