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

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

寻∝梦

リリース： 2018-09-10 13:40:48

オリジナル

18346 人が閲覧しました

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 スペース設定の概要