網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 科普教育 > 

html空格程式碼怎麼寫

欄目: 科普教育 / 釋出於: / 人氣:1.56W

通常情況下,我們用空格鍵來打出多個空格,而在編寫程式碼時,通過空格鍵、Tab鍵以及回車鍵打出的空格,都會被HTML(超文字標記語言)自動忽略。HTML將這樣的鍵視為空白字元,並顯示為單個空白間隔。儘管CSS提供了多種樣式的空格和縮排,但是在HTML中也有一些工具可以讓你自己定義空格。

html空格程式碼怎麼寫

1

插入一個非間斷空格一般來說,無論你按多少次空格鍵,HTML也只會在單詞之間顯示一個空白間隔。當你需要插入多個空格時,請輸入 或 程式碼。它們名為“空格佔位符”,你輸入幾個,就能在頁面中顯示幾個空格。

之所以稱之為非間斷空格,是因為這樣不會產生換行符。如果你濫用這種空格,瀏覽器可能無法以整齊易讀的方式插入換行符。

html空格程式碼怎麼寫 第2張

2

插入不同寬度的空格有多種字元實體可以讓瀏覽器顯示空格。不同的瀏覽器在顯示方式上可能會有一點不同,但是和 不同,它們不會影響換行:

 — “en空格”是根據字型排印學的計量單位命名,寬度是兩個普通空格的寬度

 — “em空格”大概是四個普通空格的寬度

html空格程式碼怎麼寫 第3張

3

使用非間斷空格模擬製表符生成段落的一種方式就是在第一行前插入幾個空格:    。這個方法只適用於HTML,如果你使用CSS的話,不推薦這一方法(在其它步驟中會介紹別的方法)。

如果段落的內容是富文字,請使用“pre”標籤。

html空格程式碼怎麼寫 第4張

4

使用CSS生成段落CSS的內邊距或外邊距給瀏覽器指明瞭具體的顯示格式,所以顯示效果的一致性較高。即使你不是很瞭解CSS,手邊也沒有說明表,也可以很容易地新增。下面將具體說明如何將整個段落移到右邊:[5]

在HTML文件的<head></head>部分,插入以下命令

<style>nt{ padding-left:1.8em }</style>

“nt”定義了一個叫“indent”(可以隨意命名)的段落(標籤為p)。剩下的命令則是給段落左側新增內邊距空格。

返回HTML文件的主體。每當你想新增段落時,在標籤中插入以下內容:

<p class=indent></p>。

要調整縮排的數量,只需要更改CSS命令中的數字“1.8”即可。後面的“em”要保留,它是表示寬度的單位。