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

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.

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;

word-. wrap

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

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

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(指的是不断词，一句话就是一行)

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!