Comment apprendre l'anglais sans sauts de ligne en CSS

Comment obtenir un anglais insécable en CSS : créez d'abord un exemple de fichier HTML ; puis définissez du contenu anglais dans le corps et enfin, ajoutez l'attribut "white-space:nowrap;" -effet cassant.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

CSS force les sauts de ligne en anglais et en chinois et aucun saut de ligne

Lors de la conception et de la création de HTML, vous rencontrerez le problème du CSS forçant les sauts de ligne en anglais et en chinois et non les sauts de ligne. Vous pouvez en apprendre davantage à travers cet article Quelques connaissances pertinentes.

Structure :

1.Le système de réservation de transbordement est lancé et fonctionne uniquement en anglais, en utilisant des lettres comme sauts de ligne

2.Le système de réservation de transbordement est lancé et fonctionne uniquement en anglais, en utilisant mots comme base pour les sauts de ligne

3. Le système de réservation de transbordement est lancé, il ne fonctionne que pour les chinois, forçant les sauts de ligne

4. Le système de réservation de transbordement est lancé et ne force aucun saut de ligne, fonctionne pour tous

🎜>

5. Pas de saut de ligne, la partie excédentaire est masquée et apparaît sous forme de points de suspension

5. Pas de saut de ligne, la partie excédentaire est masquée et apparaît sous forme de points de suspension. Système de réservation de transbordement. est lancé

Code :

.p1{ word-break:break-all; width:150px;}/*Fonctionne uniquement en anglais, en utilisant des lettres comme sauts de ligne*/

.p2{ word-wrap:break-word; width:150px;}/*--fonctionne uniquement en anglais, en utilisant des mots comme base pour les sauts de ligne*/

.p3{espace blanc : pre-wrap; width:150px;}/*fonctionne uniquement dans les œuvres chinoises anglaises, saut de ligne forcé*/

.p4{white-space:nowrap;}/*forcé aucun saut de ligne, tout fonctionne*/

.p5{white- space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}//*Pas de retour à la ligne, la partie excédentaire est masquée et apparaît dans le forme d'ellipses*/

1. word-break:break-all ; Fonctionne uniquement en anglais, en utilisant les lettres comme base pour les sauts de ligne

2. Fonctionne uniquement en anglais, en utilisant des mots comme base pour les sauts de ligne

3.{white- space:pre-wrap; ne fonctionne que pour le chinois, retour à la ligne forcé

4.{white-space; :nowrap ; aucun retour à la ligne forcé, fonctionne pour tous

5.{white-space:nowrap ; overflow:hidden; text-overflow:ellipsis ; Aucun saut de ligne, la partie excédentaire est masquée et apparaît dans le formulaire. de points de suspension

Notez que la largeur du conteneur doit être précisée, sinon cela ne servira à rien.

Notez que le saut de mot est une propriété exclusive à IE5+

Syntaxe :

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

Paramètres :

normal : selon les règles de texte asiatiques et non -Langues asiatiques, autorisant les sauts de ligne dans les mots

break-all : ce comportement est le même que celui normal 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 au texte non asiatique contenant une petite quantité de texte asiatique

Description :

Définit ou récupère le comportement de retour à la ligne intra-mot pour le texte dans un objet. Surtout lorsque plusieurs langues apparaissent.

Pour les chinois, il faut utiliser break-all.

[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!