Maison > interface Web > Questions et réponses frontales > Comment éviter les sauts de ligne dans les titres HTML5

Comment éviter les sauts de ligne dans les titres HTML5

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2021-12-17 11:23:31
original
2978 Les gens l'ont consulté

En HTML5, vous pouvez utiliser l'attribut "white-space" pour définir que l'élément de titre ne soit pas renvoyé à la ligne. Cet attribut est utilisé pour définir l'espace blanc dans l'élément. Lorsque la valeur de l'attribut est "nowrap", vous pouvez. définissez le texte pour qu'il ne soit pas affiché dans les retours à la ligne. La syntaxe est "

". <!--标题标签名-->

Comment éviter les sauts de ligne dans les titres HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Comment le titre HTML5 peut-il ne pas être renvoyé à la ligne ?

En HTML, vous pouvez utiliser les attributs de style et d'espace blanc pour définir que l'élément de titre ne doit pas être renvoyé à la ligne. L'attribut

style spécifie le style en ligne de l'élément. L'attribut style remplacera tous les paramètres de style globaux, tels que ceux spécifiés dans la balise

L'attribut white-space définit comment gérer les espaces blancs dans l'élément. Cet attribut déclare comment les espaces dans les éléments sont gérés lors de la création de la mise en page.

La valeur de l'attribut est nowrap. Le texte ne sera pas renvoyé à la ligne. Le texte continuera sur la même ligne jusqu'à ce que la balise
soit rencontrée.

L'exemple est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
<h1 style="white-space:nowrap">标题怎么不换行标题怎么不换行标题怎么不换行标题怎么不换行</h1>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment éviter les sauts de ligne dans les titres HTML5

.

Tutoriel recommandé : "Tutoriel vidéo HTML

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:
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