如何在HTML中插入空格

手機
關注：3.6K次

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

插入單個空格和製表符

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

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

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

（04）使用CSS生成段落。CSS的內邊距或外邊距給瀏覽器指明瞭具體的顯示格式，所以顯示效果的一致性較高。即使你不是很瞭解CSS，手邊也沒有説明表，也可以很容易地添加。下面將具體説明如何將整個段落移到右邊：在HTML文檔的<head></head>部分，插入以下命令：<style>nt{ padding-left: 1.8em }</style>“nt”定義了一個叫“indent”（可以隨意命名）的段落（標籤為p）。剩下的命令則是給段落左側添加內邊距空格。返回HTML文檔的主體。每當你想添加段落時，在標籤中插入以下內容：<p class="indent"></p>。要調整縮進的數量，只需要更改CSS命令中的數字“1.8”即可。後面的“em”要保留，它是表示寬度的單位。

給長段落排版

（01）使用預格式化的文本。“pre”元素可以定義預格式化的文本，會保留文本里的空格或換行符。因此，在<pre></pre>標籤裏輸入的空格或回車鍵，會以空格或換行符的形式顯示出來。你可以用它來顯示代碼示例、詩歌或其它需要空格和換行的文本內容。預格式化文本的一大缺陷在於它的寬度。它無法像普通超文本標記語言那樣，去調整頁面寬度，適應用户的窗口大小。