調整區塊間的空白間隔

當你調整網站的版面形式時，可能會想變更或移除頁面中不同元素之間的間隔。本指引會說明幾種方法，帶你了解如何控制內容區塊之間的空白間隔。

「區塊間距」設定可讓你控制兩個區塊之間的空白間隔。

這項設定適用於巢狀區塊。巢狀區塊是指其他區塊內包含的區塊。舉例來說，「圖庫」區塊包含個別「圖片」區塊，「多重欄位」區塊則包含各個欄位。

如果區塊原本並非巢狀結構，只要將不同區塊組合在一起，就能使用「區塊間距」設定。若要移除兩個非巢狀結構區塊之間的空白間隔，請依照下列步驟，將區塊置於「群組」區塊之內：

1. 開啟「清單檢視」，找到你想移除空白間隔的兩個區塊。
2. 按一下第一個區塊加以選取。
3. 按住鍵盤的 Shift 鍵，然後按一下第二個區塊。如此一來，兩個區塊就都選取了。
4. 按一下省略符號 (三點圖示)，開啟選項。
5. 選取「群組」。系統會將兩個區塊放進「群組」區塊。
6. 在右側的「群組」區塊設定中，找到「樣式」分頁內的「尺寸」設定。
   • 「樣式」分頁的圖示看起來像黑白圓圈：
   • 
7. 「區塊間距」下有一個滑桿。按一下「設定自訂大小」圖示。
   • 該圖示看起來像兩條水平線，每條線上各有個點：
   • 
8. 輸入數字 0 為自訂尺寸。
   • 請注意：若在方塊內容留空，則系統會使用預設的空白間隔。請務必在方塊中輸入 0，區塊之間的間隔才會消失。

示範步驟請見下方影片：

如果頁面上顯示多餘空白間隔，而你不確定間隔的原因，請檢查頁面內容中是否有空白區塊。

開啟「清單檢視」，即可查看頁面上所有區塊的清單。若有區塊沒有內容 (例如空白的「群組」或 「段落」區塊)，只要按一下省略符號 (三點圖示) 並選取「刪除」，即可移除區塊。

你也可以探索其他在網站上新增、移除或變更元素間隔的方法：

• 插入「空白間隔」區塊，即可在頁面或文章的任意位置新增間隔。
• 這與上述「區塊間距」方法類似，你可控制許多區塊周圍的邊框間距設定。「邊框間距」是指區塊外圍的空白間隔，位於邊框內。
• 這與上述「區塊間距」方法類似，你可控制許多區塊周圍的邊界設定。「邊界」是指區塊外圍的空白間隔，位於邊框外。