HTML里如何显示空格和换行？

在写HTML的时候，我们会想当然地认为自己加的空格，都会被浏览器显示出来，事实上并非如此。实际上，HTML的显示有一些规则：

• 在HTML代码中所有连续的空格或空行（换行）都会被显示为一个空格，不管是在HTML要显示的内容还是HTML源代码的标签之间。
• 当我们想让内容在同一行连续显示时，就让所有的HTML代码之间没有空格和换行。

那我们想显示多个空格或换行怎么办呢？可以考虑用以下方法：

1. 使用 **<pre>** 标签。

标签就是为了显示文本的原始格式，你的空格和换行都会被保留。使用时，优先考虑使用这个方法。

``` html 
第一行

第二行
    第三行      结尾


**2. 用空格实体符&nbsp;代替空格，用换行标签<br/>代替空行。** 

``` html 
<p>第一段&nbsp;&nbsp;&npsp;内容</p>
<br/>
<p>第二段                  内容</p>

3. 用全角空格。 全角空格被解释为汉字，所以不会被被解释为HTML分隔符，可以按照实际的空格数显示。
<p>第一段　　　　　　　　　　内容</p>
　　　　
<p>第二段　　　　　　　　　　内容</p>

4. 用CSS的 **white-space: pre-wrap** 属性。 这个属性声明如何处理元素内的空白符，这种方法也比较简洁。
<p style="white-space: pre-wrap;">
第一段                 内容

第二段                 内容
</p>

在使用过程中，优先推荐使用第1种和第4种方法。