HTML如何輸入多個空格

很多html初學者往往會犯這樣的錯誤，為了讓網頁顯示多個空格，在編輯器連續敲擊多次空格鍵，但是瀏覽器渲染結果卻是不盡如人意，即使新增再多的空格也只能夠顯示一個空格。下面就簡單介紹一下如何輸入多個空格，希望能夠對初學者帶來一定的幫助。

下面看一個簡單的程式碼例項:

[HTML] 純文字檢視 複製程式碼
<div>螞蟻部落歡</div>

想在螞蟻部落前面新增一定的空格，可以採用如下方式:

一.使用padding:

[CSS] 純文字檢視 複製程式碼
div{padding-left:20px;}

二.使用 :

每一個 代表一個空格，千萬不要漏掉後面的分號(;)，例如:

[HTML] 純文字檢視 複製程式碼
<div>&nbsp;&nbsp;螞蟻部落歡迎您</div>

以上程式碼就可以在文字前面加上兩個空格。