HTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要

寻∝梦

Sep 10, 2018 pm 01:40 PM

&nbsp; html 空間

HTML概要の段落要素にスペースを残したいのですが、スペース記号を直接入力してもうまくいきません。ブラウザにはスペースが1つしか表示されないため、どれだけスペースをクリックしても同じですが、今日のスペースシンボル最後に、3つのスペースシンボルのランキングです。一緒にこの記事を見てみましょう

まず第一に、HTML 段落要素にスペースを設定する方法を見てみましょう:

HTML 段落では、文の間にスペースを増やしたいことは誰もが知っています。スペースをクリックするだけですが、ほとんどの主流のブラウザでは、多くのスペースはすべて小さなスペースしか表示されないため、コードを記述するときはスペース記号が特別に使用されます。ただし、現在使用されているスペース記号は比較的少なくなっていますが、扱いの点で詳細に説明すると、スペースを残しておきたい場合は、このスペース文字を使用するのが最も便利です。

次に、段落要素内のスペース文字の設定を見てみましょう:

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

ログイン後にコピー

上記のコードでは、最初の文の後に大きな空行が残ります。これを、後で使用するスペース文字から分離したいと思います。もっと遠くにいるのは誰ですか?

ブラウザに表示されたレンダリングを見てみましょう:

HTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要

最初のものは非常に多くのスペースが積み重なったスペースであり、ブラウザにはほんの少ししか表示されないことがはっきりとわかります。スペースが小さい場合、スペース文字を入力した後にスペース文字を表示すると、スペースが突然大きくなります。

もちろん、大きなスペースを空けたくても、通常はスペース文字を使いません。今日はスペース文字の使用について説明します。他のことは言うまでもありませんが、このスペース文字は一部の怠け者にとって非常に使いやすいものです。 (さらに詳しく知りたい場合は、PHP 中国語 Web サイトの HTML 開発マニュアル列にアクセスして学習してください)

ここで、と同じスペース文字がさらに 2 つあることを見てみましょう。

: 「en space」は、タイポグラフィーの測定単位にちなんで名付けられました

: 「em space」は、通常のスペース 4 つ分の幅です

。改行に影響を与えない記号。場合によってはより大きな空きスペースが存在するため、よりも使用率はわずかに低くなります。

それらの違いを詳しく見てみましょう:

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

ログイン後にコピー

は内部に 3 つのスペース記号を追加します。その効果を見てみましょう:

HTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要

3 つのスペースタグ、上の表示を見てみましょうそれらをランク付けしてみましょうもちろん、インターネット上にはランク付けしている人がたくさんいますが、より明確に知るためには、私たち自身がランク付けする必要があります。

それでは、上の図に従ってランキングを見てみましょう:

1 位、もちろん最大のものはであり、スペース文字が 3 つあることも明らかです。最大。

2 位、つまり 2 番目に大きい空のものは、これは 2 番目に大きい空のもので、前回のほぼ 2 倍の大きさです。

最後はもちろん、この章で説明するスペース文字です。空きスペースは小さいですが、場所によっては非常に実用的です。

今日のスペースに関する記事はここまでです。さらに詳しく知りたい場合は、PHP 中国語 Web サイトの html リファレンスマニュアルのコラムを参照してください。ご質問がございましたら、以下よりお問い合わせください。

cssの擬似要素とは？ CSS 疑似要素の詳細な紹介 (例も含めて)

以上がHTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明