html文本格式之预格式文本

在html中如果不使用预格式（pre），那么文本呈现的结果将会有一些偏差。

比如：我想要一段话的呈现结果如下图所示：

不采用预格式：

<p>
    预格式文本
    示例
    可以保留   空格
    和换行哦。。。
</p>
<p>pre比较适合代码呈现</p>
<p>
   for i = 1 to 10
    print i
</p>

结果图如下：

因此，我们想要保留文本原本的格式，那么就要采用预格式：

<pre>
    预格式文本
    示例
    可以保留   空格
    和换行哦。。。
</pre>
<p>pre比较适合代码呈现</p>
<pre>
   for i = 1 to 10
    print i
</pre>

结果就会是我们一开始所呈现的那样。