html里如何输出空格

在HTML中，空格通常被浏览器忽略，这是因为在HTML的早期版本中，连续的空格和制表符被视为无关紧要的空白字符，因此被省略，有几种方法可以在HTML中输出空格：

1、使用 实体

HTML有一个特殊的实体 ，它表示一个非换行空格，这个空格不会被浏览器忽略。

“`html

<p>这是一个&nbsp;空格</p>

“`

2、使用 、 和 实体

HTML还提供了其他几种空格实体，它们表示不同宽度的空格：

 ：表示一个半角空格（相当于一个普通空格）

 ：表示一个全角空格（相当于两个普通空格）

 ：表示一个窄空格（比半角空格稍窄）

“`html

<p>这&ensp;是&emsp;一&thinsp;个&nbsp;空格</p>

“`

3、使用CSS样式

如果你想要控制文本中的空格，可以使用CSS的whitespace属性，你可以将whitespace属性设置为pre，这样浏览器就会保留所有的空白字符（包括空格和制表符）：

“`html

<p style="whitespace: pre;">这是一个 空格</p>

“`

4、使用<pre>标签

<pre>标签定义预格式化文本，在<pre>标签内的文本会保留空格和换行符。

“`html

<pre>这是一个 空格</pre>

“`

5、使用HTML5的<br>标签

<br>标签用于插入一个换行符，虽然它不是用来插入空格的，但是你可以在需要空格的地方插入多个<br>标签来模拟空格的效果。

“`html

<p>这是<br><br><br>一个<br><br><br>空格</p>

“`