解決html中多個空格卻只顯示一個空格的問題

方案1：使用字符  代替空格

例如:

<p >3個&nbsp;&nbsp;&nbsp;空格</p>

 

方案2：設置style樣式 white-space:pre，瀏覽器會保留文本中的空格和換行

例如:

<p class=”white-space”>3個   空格</p>

<style>
　　.white-space {
　　　　white-space:pre
　　}
</style>

 

方案3：使用標簽<pre> ，被包圍在 <pre> 標簽 元素中的文本通常會保留空格和換行符。

例如: 

<pre>3個   空格</pre>