soit rencontrée."/> soit rencontrée.">

Maison  >  Article  >  interface Web  >  Quel est le code CSS anglais qui n’impose aucun saut de ligne ?

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

藏色散人
藏色散人original
2023-01-28 15:45:302543parcourir

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 0c6dc11e160d3b678d68754cc175188a.

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;}

word-break Syntaxe

word-break : normal | break-all | keep-all

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!

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