Comment afficher des mots anglais en HTML sans sauts de ligne-Questions et réponses frontales-php.cn

Comment afficher des mots anglais en HTML sans sauts de ligne

WBOY

Libérer： 2022-03-28 14:18:13

original

4516 Les gens l'ont consulté

Comment afficher des mots anglais en HTML sans retour à la ligne : 1. Utilisez l'attribut word-break pour ajouter le style "word-break:keep-all; à l'élément de mot anglais ; 2. Utilisez l'attribut word-wrap pour ajouter le L'élément de mot anglais "word-wrap:normal;" est suffisant

Comment afficher des mots anglais en HTML sans sauts de ligne

L'environnement d'exploitation de cet article : système Windows 10, version html5, ordinateur Dell G3

Comment afficher les mots anglais sans emballage

. 1. Attribut word-break Spécifie la méthode de traitement des sauts de ligne automatiques

En utilisant l'attribut word-break, le navigateur peut réaliser des sauts de ligne à n'importe quelle position

Syntaxe

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

Copier après la connexion

normal Utilisez la ligne par défaut du navigateur. briser les règles. all Permet les sauts de ligne dans les mots
keep-all Ne peut couper les lignes qu'à mi-largeur ou avec des traits d'union
L'exemple est le suivant :

<html>
<head>
</head>
<body>
<p style="width:11em;border:1px solid #000000;word-break:keep-all;">This is a veryveryveryvery veryveryveryveryveryvery long paragraph.</p>
<p style="width:11em;border:1px solid #000000;word-break:break-all;">This is a veryveryveryvery veryveryveryveryveryvery long paragraph.</p>
</body>
</html>

Copier après la connexion

Résultat de sortie :

2. La propriété word-wrap permet aux mots longs ou aux adresses URL de passer à la ligne suivante. Comment afficher des mots anglais en HTML sans sauts de ligne

Syntaxe

word-wrap: normal|break-word;

Copier après la connexion

normal Ne coupe les lignes qu'aux points de césure autorisés (les navigateurs conservent le traitement par défaut)

break-word Coupe les lignes. à l'intérieur de mots longs ou d'adresses URL

L'exemple est le suivant :

<html>
<head>
</head>
<body>
<p style="width:11em;border:1px solid #000000;word-wrap:normal;">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Tutoriel recommandé : "

Tutoriel vidéo HTML Comment afficher des mots anglais en HTML sans sauts de ligne "