html中的空格代碼

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

html中的空格代碼


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


有多種字符實體可以讓瀏覽器顯示空格 。不同的瀏覽器在顯示方式上可能會有一點不同,但是和 不同,它們不會影響換行:
  — “en空格”是根據字體排印學的計量單位命名,寬度是兩個普通空格的寬度
  — “em空格”大概是四個普通空格的寬度
3、使用非間斷空格模擬制表符并寬
html中的空格代碼


生成段落的一種方式就是在第一行前插入幾個空格:     。這個方法只適用于HTML,如果你使用CSS的話,不推薦這一方法(在其它步驟中會介紹別的方法) 。如果段落的內容是富文本,請使用“pre”標簽 。
4、使用CSS生成段落 。
html中的空格代碼


CSS的內邊距或外邊距給瀏覽器指明了具體的顯示格式,所以顯示效果的一致性較高 。即使你不是很了解CSS,手邊也沒有說明表,也可以很容易地添加 。下面將具體說明如何將整個段落移到右邊:[5]
在HTML文檔的<head></head>部分,插入以下命令:
<style>p.indent{ padding-left: 1.8em }</style>
“p.indent”定義了一個叫“indent”(可以隨意命名)的段落(標簽為p) 。剩下的命令則是給段落左側添加內邊距空格 。
返回HTML文檔的主體 。每當你想添加段落時,在標簽中插入以下內容:
<p ></p>
要調整縮進的數量,只需要更改CSS命令中晌慎的數字“1.8”即可 。后面的“em”要保留,它是表示寬度的單位 。
【html中的空格代碼】

    猜你喜歡