Maison  >  Article  >  interface Web  >  Comment définir des espaces dans les éléments de paragraphe HTML ? Résumé des paramètres de l'espace HTML

Comment définir des espaces dans les éléments de paragraphe HTML ? Résumé des paramètres de l'espace HTML

寻∝梦
寻∝梦original
2018-09-10 13:40:4818286parcourir

Vous souhaitez laisser quelques espaces dans les éléments de paragraphe résumés en HTML, mais taper directement le symbole d'espace ne fonctionnera certainement pas, car le navigateur n'affichera qu'un seul espace, peu importe le nombre d'espaces sur lesquels vous cliquez, ce sera le même , mais le symbole spatial d'aujourd'hui Il pourra peut-être vous aider. Enfin, il y a le classement des trois personnages spatiaux. Jetons un coup d'œil ensemble à cet article

Tout d'abord, voyons comment définir des espaces dans l'élément de paragraphe HTML :

Tout le monde sait que dans un Paragraphe HTML, si vous souhaitez ajouter plus de distance entre les phrases, cliquez simplement sur un espace. Cependant, dans la plupart des navigateurs grand public, tous les nombreux espaces n'afficheront que la distance d'un petit espace, donc lors de l'écriture du code, le symbole de l'espace sera affiché. . Il est spécialement utilisé. Bien qu'il y ait relativement peu de symboles d'espace utilisés actuellement, en termes de traitement des détails, il est plus pratique d'utiliser ce symbole d'espace lorsque vous souhaitez laisser des espaces.

Jetons maintenant un oeil au réglage du caractère espace dans un élément de paragraphe :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p>这里是PHP中文网;                                       这里是PHP中文网;这里是PHP中文网;
      这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网
;这里是PHP中文网;</p>
</body>
</html>

Le code ci-dessus laisse une grande ligne vide après la première phrase .Quelle est la plus grande distance entre ce que nous voulons faire et le caractère spatial que j'ai utilisé plus tard ?

Regardons le rendu affiché dans le navigateur :

Comment définir des espaces dans les éléments de paragraphe HTML ? Résumé des paramètres de lespace HTML

On voit clairement que le premier utilise autant d'espaces L'espace empilé ne fera que afficher un petit espace dans le navigateur. L'effet d'afficher le caractère espace après est bien meilleur que de taper l'espace par vous-même. L'espace sera soudainement beaucoup plus grand.

Bien sûr, nous ne voulons généralement pas vider un grand espace. Même si nous voulons vider un grand espace, nous n'utiliserons pas le caractère espace. Aujourd'hui, nous parlons de l'utilisation du caractère espace  . Sans parler d'autres choses, ce caractère espace est encore très utile pour certains paresseux. (Si vous voulez en voir plus, rendez-vous sur le site Web PHP chinois Colonne Manuel de développement HTML pour en savoir plus)

Jetons un coup d'œil maintenant et il y a deux autres caractères d'espace qui sont le même que  . Nous Jetons un coup d'oeil :

  : "en space" doit son nom à l'unité de mesure de la typographie, et la largeur est la largeur de deux espaces ordinaires

  : "em space" "Sur la largeur de quatre espaces ordinaires

sont tous des symboles d'espace qui n'affectent pas les sauts de ligne. Ils sont légèrement moins utilisés que les car ils comportent parfois des espaces vides plus importants.

Regardons de plus près les différences entre eux :

<body>
<p>这里是PHP中文网;&ensp;&ensp;&ensp;这里是PHP中文网;这里是PHP中文网;   这里是PHP中文网;这里是PHP中
文网;&emsp;&emsp;&emsp;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;</p>
</body>

Ajout de trois symboles d'espace à l'intérieur, jetons un œil à l'effet :

Comment définir des espaces dans les éléments de paragraphe HTML ? Résumé des paramètres de lespace HTML

Il existe trois types de balises spatiales. Classons-les en regardant l'image affichée ci-dessus. Bien sûr, de nombreuses personnes sur Internet classent cela, mais disons la nôtre. . Sachez-le simplement plus clairement vous-même.

Regardons maintenant le classement selon la photo ci-dessus :

La première place, celle avec le plus grand espace vide est bien sûr  , et c'est évidemment, ce sont tous les trois caractères spatiaux, ce qui est  le plus grand.

La deuxième place, c'est-à-dire le deuxième plus grand vide est  , c'est le deuxième plus grand vide, presque deux fois plus grand que le dernier.

Le dernier est bien sûr le personnage spatial dont nous parlons dans ce chapitre Bien que l'espace vide soit petit, il reste très pratique à certains endroits.

D'accord, c'est tout pour l'article d'aujourd'hui sur les espaces. Si vous souhaitez en savoir plus, consultez la colonne manuel de référence html du site Web PHP chinois pour en savoir plus. Si vous avez des questions, vous pouvez les poser ci-dessous.

【Recommandation de l'éditeur】

L'attribut padding en CSS peut-il avoir une valeur négative ? Explication détaillée de l'attribut padding en CSS

Quels sont les pseudo-éléments CSS ? Introduction détaillée aux pseudo-éléments CSS (avec exemples inclus)

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