用'p'和'br'標籤創建空白

網站上的空間似乎是一件相當簡單的事情。 但是,當你第一次嘗試點擊關鍵字並且沒有在頁面上顯示該信息時,你會意識到它並不像看起來那麼容易。

有幾種方法可以在網站上創建空間。 前兩個是HTML標籤:

...

段落標記通常會在項目之間放置一個空格。 它充當段落中斷。

但是,連續的幾個

不會干擾您的頁面。 有些編輯會將

放在需要增加空間的位置,但這實際上並不是使用

標籤,而是一分鐘內我們會用到的角色。



標籤是為了在文本流中放置一個換行符。 但是,它可以連續使用多次以創建長長的空白字符串。 問題是,您無法定義空間的高度和寬度,並且它自動是頁面的寬度。

CSS邊距和填充

為網頁文檔添加空間的另一種方法是使用CSS屬性邊距和填充 。 這是一個更好的方式來獲得你想要的元素之間的空間量。 而且,您可以影響的不僅僅是文檔中的垂直空間。

非破壞空間()

最後,還有不間斷的空間 。 這個字符實體的行為與普通文本空間完全相同,除了瀏覽器分別對待每一個。

如果您連續放置四個,瀏覽器將在文本中放置四個空格

請注意,舊版瀏覽器可能不會呈現多個不間斷空格。

在表格中使用不可打破的空格

如果你沒有在單元格中包含某些東西來保持它打開,表格通常會關閉或中斷。 例如:使用以下HTML創建一個具有30像素裝訂線的表格:

本文的左側應該有少量空間。 有些瀏覽器會正確顯示它,但是許多瀏覽器會忽略表格寬度請求,並將文本與左邊距放在一起。 很煩人!

為了防止表格列中斷,請使用不間斷的空格:

本文的左側應該有少量空間。 大多數瀏覽器都會正確顯示它。