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

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

및

와 같은 블록 수준 요소를 사용하여 줄 바꿈을 만듭니다.

 태그를 사용하면 원래 공백과 줄 바꿈을 유지하는 미리 서식이 지정된 텍스트를 만들 수 있습니다. <p><img  src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/202404/21/2024042112003776252.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="HTML 단락에 공백을 추가하는 방법" ></p><p><strong>HTML에서 단락 안에 공백을 추가하는 방법 </strong></p><p>HTML에서는 요소 내부에 공백을 추가하는 여러 가지 방법이 있습니다. 단일 공백을 추가하는 가장 간단한 방법입니다. 문자는 텍스트 줄 바꿈을 유발하지 않는 줄바꿈 없는 공백을 나타냅니다. </p><pre class='brush:php;toolbar:false;'><p>这是一段文本，其中包含一个非换行空格 在这里。</p>

CSS 들여쓰기 및 여백 사용

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

<p   style="max-width:90%">这是一段文本，缩进了 2 个 em。</p>

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

블록 수준 요소 사용

<br>, <p></p> 및 <div>와 같은 블록 수준 요소 code >)를 사용하면 단락 내에 줄 바꿈을 만들어 텍스트 사이에 세로 간격을 추가할 수 있습니다. <pre class='brush:php;toolbar:false;'>&lt;p&gt;这是一段文本，&lt;br&gt;其中包含一个换行符。&lt;/p&gt; &lt;p&gt;这是一个段落，&lt;br&gt;其中包含两个段落。&lt;/p&gt;</pre><p><strong>미리 서식이 지정된 텍스트 사용</strong></p> <p> <code><pre class="brush:php;toolbar:false"></pre> 태그를 사용하면 원래 공백과 줄 바꿈을 유지하는 미리 서식이 지정된 텍스트를 만들 수 있습니다. <br>、<p></p> 和 <div>) 可以用来在段落内创建换行符，从而在文本之间添加垂直空间。<pre class='brush:php;toolbar:false;'>&lt;pre class=&quot;brush:php;toolbar:false&quot;&gt;这是一段预格式化的文本。 它将保留原始的空格和换行符。 </pre><p><strong>使用预格式化文本</strong></p> <p><code><pre class="brush:php;toolbar:false"></pre>rrreee

참고:

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