在HTML中，空格的显示有时候可能会让人感到困惑，通常情况下，浏览器会忽略连续的空格，只显示一个空格，这是由于HTML的空白折叠（white-space collapsing）机制，它会合并连续的空白字符（如空格、制表符、换行符等），如果你希望在HTML中显示多个连续的空格，你可以使用以下几种方法。
1、使用HTML实体：
HTML中有专门的字符实体来表示空格。 （Non-Breaking SPace的缩写）代表一个不断行的空格，你可以在文本中连续使用多个 来创建视觉上的空格效果。
```html
<p>这是 连续的空格。</p>
```
这段代码会在浏览器中显示为“这是连续的空格。”，这是”和“连续的空格”之间有多个空格。
2、使用<pre>标签：
<pre>标签用于预格式化文本，它会保留文本中的所有空白字符，包括空格和换行符，你可以将需要显示多个空格的文本放在<pre>标签内。
```html
<pre>这是连续的空格。</pre>
```
这段代码会在浏览器中显示为“这是连续的空格。”，保持了文本中的所有空格。
3、使用CSS的white-space属性：
你可以使用CSS的white-space属性来控制空白的显示，设置white-space: pre;可以使得空白字符被保留。
```html
<style>
.preserve-spaces {
white-space: pre;
}
</style>
<p class="preserve-spaces">这是连续的空格。</p>
```
这段代码同样会在浏览器中显示为“这是连续的空格。”。
4、使用<span>标签和CSS：
如果你只想在特定的地方显示多个空格，你可以使用<span>标签结合CSS来实现。
```html
<p>这是<span style="white-space: pre;"></span>连续的空格。</p>
```
这段代码只会在<span>标签内显示多个空格。
5、使用 和 实体：
除了 之外，HTML还提供了 （半角空格）和 （全角空格）实体，它们可以用来在文本中插入不同宽度的空格。
```html
<p>这是   连续的半角空格。</p>
<p>这是   连续的全角空格。</p>
```
这两种实体在视觉上会占用不同的空间， 通常比 窄，而 则更宽。
虽然HTML默认会合并连续的空格，但你可以通过上述方法来控制空格的显示，以满足不同的需求，在编写HTML时，应根据实际情况选择合适的方法来处理空格。