HTML如何輸入多個空格

admin發表於2018-09-08

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

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

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

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

一.使用padding:

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

二.使用&nbsp;:

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

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

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

相關文章