"."/> ".">

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

WBOY
WBOYoriginal
2021-12-17 11:23:312943parcourir

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>

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!

Déclaration:
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