Comment faire en sorte que le mot anglais entier ne soit pas enveloppé dans CSS

藏色散人
Libérer: 2023-02-02 09:39:13
original
3428 Les gens l'ont consulté

Comment implémenter du CSS qui n'enveloppe pas le mot anglais entier : 1. La ligne de contrôle traverse l'attribut CSS "word-wrap:break-word;" 2. Contrôlez la méthode de coupure de mot via l'attribut CSS "word-break" ; :break-all;" Can.

Comment faire en sorte que le mot anglais entier ne soit pas enveloppé dans CSS

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

css Comment réaliser le mot anglais entier sans sauts de ligne ?

Problème de retour à la ligne de mots chinois et anglais CSS

Problème de retour à la ligne de mots

Dans le projet, on rencontre parfois des phrases très longues en anglais, et puis lorsque la partie restante du div n'est pas suffisante pour mettre un mot, le word Il sera affiché dans une nouvelle ligne. Dans ce cas, il y aura un grand espace vide à la fin et cela aura l'air moche. Solution

Vous pouvez répondre à cette exigence grâce à deux attributs CSS :

word-wrap:break-word;
word-break:break-all;
Copier après la connexion

word-. wrap

word -wrap est utilisé pour contrôler les sauts de ligne et a deux valeurs :

+ normal
+ break-word(这个值用来强制换行的,内容将在边界内换行,在中文中是没有任何问题,英文语句也是没有任何问题,但是对于很长的英文来说就不起作用了)
Copier après la connexion

word-break

word-break est utilisé pour contrôler la façon dont les mots sont cassés. Il y a trois valeurs :

+ break-all(是断开单词,在单词到边界的时候,下个字幕自动到下一行,主要是解决了长串英文单词断词的问题)
+ keep-all(指的是不断词,一句话就是一行)
Copier après la connexion

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