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