在html渲染中保留空格

有时候我们渲染页面的时候，需要多个空格可以使用 ,除此之外我们也可以用标签

<pre>
	for i = 1 to 10
	     print i
	next i
</pre>

该标签会原样展示，并不会被浏览器合并多个空格，这里是文本，所以看不出效果
也可以通过样式的方式

p {white-space: pre;}
<p>This     paragraph has    many
    spaces           in it.</p>

注：如果 white-space 属性的值为 pre，浏览器将会注意额外的空格，甚至回车。在这个方面，而且仅在这个方面，任何元素都可以相当于一个 pre 元素。