擊右上方紅色按鈕關注“小鄭搞碼事”，每天都能學到知識，搞懂一個問題！

由于HTML代碼的空格通常會被瀏覽器忽略，所以我們很有必要對瀏覽器處理空格的一些規則有個詳細的認識，這樣我們后面才能詳述它的解決辦法。

一、默認規則

效果是這樣的：

由此可此可以知道瀏覽器的默認處理規則一：文字的前后空格都會忽略，內部連續空格只有自作一個。

原樣輸出可能是我們這樣寫代碼的本意，要讓這段代碼原樣輸出的方法有兩個（使用標簽/使用表示空格的實體代碼）：

方法一：<pre><span class="space"> 小鄭 搞碼 </span></pre>

方法二：<span class="space"> 小鄭 搞碼 </span>

二、另一個規則

關于規則部分還有一點，來看一段代碼：

效果是：

表示，瀏覽器對字符的處理不僅限于空格，還有制表符（\t），換行符（\r和\n）。

同樣讓這段代碼換行可能是我們寫的本意，讓這段代碼換行的方法有兩個：

方法一：套一個pre標簽

方法二：<span class="space">小鄭<br/>搞碼</span>

最后總結一下：

HTML語言的空格處理，基本上就是直接過濾。這樣的處理過于粗糙，完全忽視了原始文本內部的空格可能是有意義的。所以CSS提供了一個屬性white-space屬性來靈活控制空格。下篇詳述。