HTMLの段落にスペースを追加する方法

HTML の段落内にスペースを追加するには、次の方法を使用できます。 非改行スペース ( ) を使用して、テキスト内に 1 つのスペースを追加します。 CSS のインデントとマージンのプロパティを使用して、両側にスペースを追加します。改行を作成するには、
、

、<div> などのブロックレベル要素を使用します。

 タグを使用して、元のスペースと改行を保持するフォーマット済みテキストを作成します。 </p></blockquote>
<p><img  src="https://img.php.cn/upload/article/202404/21/2024042112003776252.jpg" alt="HTMLの段落にスペースを追加する方法" ></p>
<p>#HTML で段落内にスペースを追加する方法<strong></strong></p>HTML では、要素内にスペースを追加する方法は複数あります。 : <p></p>
<p>改行以外のスペースを使用する ( )<strong></strong></p>これは、テキスト内に 1 つのスペースを追加する最も簡単な方法です。文字は非改行スペースを表し、テキストが折り返されません。 <p></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><code class="html"><p>这是一段文本，其中包含一个非换行空格 在这里。</p></code>

ログイン後にコピー

CSS インデントとマージンの使用

CSS インデントとマージンのプロパティを使用して、段落の両側にスペースを追加できます。

<code class="html"><p style="text-indent: 2em;">这是一段文本，缩进了 2 个 em。</p>

<p style="margin: 0 2em;">这是一段文本，左右各留出 2 个 em 的边距。</p></code>

ブロック レベルの要素を使用する

ブロック レベルの要素 (

、

# など) ## と <div>) を使用して段落内に改行を作成し、テキスト間に垂直方向のスペースを追加できます。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;p&gt;这是一段文本，&lt;br&gt;其中包含一个换行符。&lt;/p&gt; &lt;p&gt;这是一个段落，&lt;br&gt;其中包含两个段落。&lt;/p&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

整形済みテキストの使用

<p> タグを使用すると、元の空白文字と改行文字を保持した整形済みテキストを作成できます。 <code><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><code class="html"><pre class="brush:php;toolbar:false">这是一段预格式化的文本。
它将保留原始的空格和换行符。

ログイン後にコピー