如何在 HTML 中在段落内添加空格

在 HTML 中，在其元素内部添加空格有多种方法：

使用非换行空格 ( )

这是在文本内添加单个空格的最简单方法。 字符表示一个非换行空格，它不会导致文本换行。

立即学习“前端免费学习笔记（深入）”；

<p>这是一段文本，其中包含一个非换行空格 在这里。</p>

使用 CSS 缩进和边距

CSS 缩进和边距属性可以用来在段落两侧添加空格。

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

使用块级元素

块级元素（如
、

和

<p>这是一段文本，<br>其中包含一个换行符。</p><p>这是一个段落，<br>其中包含两个段落。</p>

使用预格式化文本

 标签可用于创建预格式化文本，该文本将保留原始空格和换行符。<pre class="brush:php;toolbar:false"><pre class="brush:php;toolbar:false">这是一段预格式化的文本。它将保留原始的空格和换行符。

注意：

• 避免过度使用空格，因为它可能导致文本难以阅读。
• 在对齐文本时，通常应使用 CSS 而不是空格。
• 如果需要在文本中间添加一个空格，请使用非换行空格 ( )。

标签： html空格