如何在HTML中加入空格
通常情況下,我們用空格鍵來打出多個空格,而在編寫代碼時,通過空格鍵、Tab鍵以及回車鍵打出的空格,都會被HTML(超文本標(biāo)記語言)自動忽略。HTML將這樣的鍵視為空白字符,并顯示為單個空白間隔。盡
通常情況下,我們用空格鍵來打出多個空格,而在編寫代碼時,通過空格鍵、Tab鍵以及回車鍵打出的空格,都會被HTML(超文本標(biāo)記語言)自動忽略。HTML將這樣的鍵視為空白字符,并顯示為單個空白間隔。盡管CSS提供了多種樣式的空格和縮進(jìn),但是在HTML中也有一些工具可以讓你自己定義空格。
1. 插入一個非間斷空格
一般來說,無論你按多少次空格鍵,HTML也只會在單詞之間顯示一個空白間隔。當(dāng)你需要插入多個空格時,請輸入amp;nbsp;或amp;#160;代碼。它們名為“空格占位符”,你輸入幾個,就能在頁面中顯示幾個空格。之所以稱之為非間斷空格,是因為這樣不會產(chǎn)生換行符。如果你濫用這種空格,瀏覽器可能無法以整齊易讀的方式插入換行符。
2. 插入不同寬度的空格
有多種字符實體可以讓瀏覽器顯示空格。不同的瀏覽器在顯示方式上可能會有一點不同,但是和amp;nbsp;不同,它們不會影響換行:
- amp;ensp; - “en空格”是根據(jù)字體排印學(xué)的計量單位命名,寬度是兩個普通空格的寬度
- amp;emsp; - “em空格”大概是四個普通空格的寬度
3. 使用非間斷空格模擬制表符
生成段落的一種方式就是在第一行前插入幾個空格:amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;。這個方法只適用于HTML,如果你使用CSS的話,不推薦這一方法(在其它步驟中會介紹別的方法)。如果段落的內(nèi)容是富文本,請使用“pre”標(biāo)簽。
4. 使用CSS生成段落
CSS的內(nèi)邊距或外邊距給瀏覽器指明了具體的顯示格式,所以顯示效果的一致性較高。即使你不是很了解CSS,手邊也沒有說明表,也可以很容易地添加。 以下是一個示例,將整個段落向右縮進(jìn):
lt;headgt;
lt;stylegt;
{
padding-left: 1.8em;
}
lt;/stylegt;
lt;/headgt;
lt;bodygt;
lt;p class"indent"gt;這是一個縮進(jìn)的段落。lt;/pgt;
lt;/bodygt;
要調(diào)整縮進(jìn)的數(shù)量,只需要更改CSS命令中的數(shù)字“1.8”即可。后面的“em”要保留,它是表示寬度的單位。