HTML 단락에 공백을 추가하는 방법

<p>HTML의 단락 내에 공백을 추가하려면 줄바꿈 방지 공백( )을 사용하여 텍스트 내에 단일 공백을 추가하는 방법은 다음과 같습니다. CSS 들여쓰기 및 여백 속성을 사용하여 양쪽에 공백을 추가합니다. <br>, <p> 및

와 같은 블록 수준 요소를 사용하여 줄 바꿈을 만듭니다. <pre class="brush:php;toolbar:false"> 태그를 사용하면 원래 공백과 줄 바꿈을 유지하는 미리 서식이 지정된 텍스트를 만들 수 있습니다. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202404/21/2024042112003776252.jpg" alt="HTML 단락에 공백을 추가하는 방법" ></p> <p><strong>HTML에서 단락 안에 공백을 추가하는 방법 </strong></p> <p>HTML에서는 요소 내부에 공백을 추가하는 여러 가지 방법이 있습니다. 단일 공백을 추가하는 가장 간단한 방법입니다. 문자는 텍스트 줄 바꿈을 유발하지 않는 줄바꿈 없는 공백을 나타냅니다. </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><code class="html"><p>这是一段文本，其中包含一个非换行空格 在这里。</p></code>

로그인 후 복사

<p>CSS 들여쓰기 및 여백 사용

<p>CSS 들여쓰기 및 여백 속성을 사용하여 단락 양쪽에 공백을 추가할 수 있습니다.

<pre class="brush:php;toolbar:false"><code class="html"><p style="text-indent: 2em;">这是一段文本，缩进了 2 个 em。</p> <p style="margin: 0 2em;">这是一段文本，左右各留出 2 个 em 的边距。</p></code>

<p>블록 수준 요소 사용

<p> <br>, <p> 및 <div>와 같은 블록 수준 요소 code >)를 사용하면 단락 내에 줄 바꿈을 만들어 텍스트 사이에 세로 간격을 추가할 수 있습니다.

<pre class="brush:php;toolbar:false"><code class="html"><p>这是一段文本，<br>其中包含一个换行符。</p> <p>这是一个段落，<br>其中包含两个段落。</p></code>

<p>미리 서식이 지정된 텍스트 사용

<p> <pre class="brush:php;toolbar:false">&lt;/code&gt; 태그를 사용하면 원래 공백과 줄 바꿈을 유지하는 미리 서식이 지정된 텍스트를 만들 수 있습니다. &lt;code&gt;&lt;br&gt;&lt;/code&gt;、&lt;code&gt;&lt;p&gt;&lt;/code&gt; 和 &lt;code&gt;&lt;div&gt;&lt;/code&gt;) 可以用来在段落内创建换行符，从而在文本之间添加垂直空间。&lt;/p&gt; &lt;div class=&quot;code&quot; style=&quot;position:relative; padding:0px; margin:0px;&quot;&gt;&lt;pre class=&quot;brush:php;toolbar:false&quot;&gt;&lt;code class=&quot;html&quot;&gt;&lt;pre class=&quot;brush:php;toolbar:false&quot;&gt;这是一段预格式化的文本。 它将保留原始的空格和换行符。 </pre>

로그인 후 복사

<p>使用预格式化文本

<p><pre class="brush:php;toolbar:false">rrreee

<p> 참고:

과도한 공백 사용은 텍스트를 읽기 어렵게 만들 수 있으므로 피하세요.
• 텍스트 정렬 시 일반적으로 공백 대신 CSS를 사용해야 합니다.
• 텍스트 중간에 공백을 추가해야 하는 경우 줄바꿈하지 않는 공백( )을 사용하세요.

위 내용은 HTML 단락에 공백을 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!