1. 首頁 > 生活百科 > >

html空格代碼怎么寫

生活常識


html空格代碼怎么寫

文章插圖
p.indent{ padding-left:1.8em } 通常情況下，我們用空格鍵來打出多個空格，而在編寫代碼時，通過空格鍵、Tab鍵以及回車鍵打出的空格，都會被HTML（超文本標記語言）自動忽略 。 HTML將這樣的鍵視為空白字符，并顯示為單個空白間隔 。 盡管CSS提供了多種樣式的空格和縮進，但是在HTML中也有一些工具可以讓你自己定義空格 。

html空格代碼怎么寫

文章插圖

1
插入一個非間斷空格 。 一般來說，無論你按多少次空格鍵，HTML也只會在單詞之間顯示一個空白間隔 。 當你需要插入多個空格時，請輸入 或?代碼 。 它們名為“空格占位符”，你輸入幾個，就能在頁面中顯示幾個空格 。
之所以稱之為非間斷空格，是因為這樣不會產生換行符 。 如果你濫用這種空格，瀏覽器可能無法以整齊易讀的方式插入換行符 。

html空格代碼怎么寫

文章插圖

2
插入不同寬度的空格 。 有多種字符實體可以讓瀏覽器顯示空格 。 不同的瀏覽器在顯示方式上可能會有一點不同，但是和 不同，它們不會影響換行：
?— “en空格”是根據字體排印學的計量單位命名，寬度是兩個普通空格的寬度
?— “em空格”大概是四個普通空格的寬度

html空格代碼怎么寫

文章插圖

3
使用非間斷空格模擬制表符 。 生成段落的一種方式就是在第一行前插入幾個空格： 。 這個方法只適用于HTML，如果你使用CSS的話，不推薦這一方法（在其它步驟中會介紹別的方法） 。
如果段落的內容是富文本，請使用“pre”標簽 。

html空格代碼怎么寫

文章插圖

4
使用CSS生成段落 。 CSS的內邊距或外邊距給瀏覽器指明了具體的顯示格式，所以顯示效果的一致性較高 。 即使你不是很了解CSS，手邊也沒有說明表，也可以很容易地添加 。 下面將具體說明如何將整個段落移到右邊：[5]
在HTML文檔的部分，插入以下命令：
p.indent{ padding-left:1.8em }
“p.indent”定義了一個叫“indent”（可以隨意命名）的段落（標簽為p） 。 剩下的命令則是給段落左側添加內邊距空格 。
返回HTML文檔的主體 。 每當你想添加段落時，在標簽中插入以下內容：

。
【html空格代碼怎么寫】 要調整縮進的數量，只需要更改CSS命令中的數字“1.8”即可 。 后面的“em”要保留，它是表示寬度的單位 。

    相關經驗推薦