Wix 編輯器：修正網站間距與對齊問題
4 分鐘
您可能會在已上線網站或編輯器中提前通知對齊方式和間距問題，例如間隙、文字渲染或元件重疊。
閱讀本文即可了解潛在問題及其解決方法。
不同瀏覽器上的對齊問題
雖然 Wix 網站已針對大多數常見裝置和瀏覽器進行最佳化，但您仍可能發現兩者之間的對齊方式存在些微差異。這是因為不同的瀏覽器和裝置使用不同的渲染引擎，進而導致些微變化。
您可將網站元件新增至欄、重複器或容器，以調整元件並確保在不同瀏覽器上的對齊方式。
解決方案 1 | 將元件附加至欄
解決方案 2 | 將元件附加至重複器
解決方案 3 | 將元件附加至容器方塊
頁面內容與頁尾之間的間隙
調整頁面高度：
- 在編輯器中點擊頁面。
- 點擊並拖曳 調整頁面高度 圖示
。
請注意：
若頁面包含大量條紋，您可能需要點擊並向下拉取頁尾，以便選擇頁面。
頁尾下方的間隙
在編輯器中，頁尾下方一向會有間隙，以便您快速輕鬆地調整頁尾大小。然而，您可能會在網站已上線版本的頁尾下方發現間隙。
若頁面內容短於目前頁面長度，就可能發生此情況。根據您的設計和喜好設定，有幾種方法可以解決此問題。
解決方案 1 | 變更頁面背景色彩
解決方案 2 | 新增內容至頁面
解決方案 3 | 調整頁尾大小
解決方案 4 | 檢查圖層面板中的隱藏元件
頁尾與設定在所有頁面顯示的元件重疊
若網站元件設定為 在所有頁面顯示，可能會發現頁尾在某些頁面與該元件重疊。若部分頁面長度短於該元件，即可能發生此情況。
若要修正此問題，請使用 調整頁面高度 圖示 向下拖曳頁尾。
向下拖曳頁尾。 
元件從網站頁首消失
您可能會發現頁首中的某些元件在已上線網站上消失（或掉到頁首後方）。這可能是由以下 2 個原因造成：
- 頁首設有凍結捲動效果
- 元件未設定為 在所有頁面顯示
變更頁首捲動效果或調整元件顯示設定即可解決此問題。
解決方案 1 | 變更頁首捲動效果
解決方案 1 | 將元件設定為在所有頁面顯示
已上線網站文字未對齊
有時已上線網站的版面配置在不同畫面和瀏覽器上顯現的效果可能有所不同，導致元件未按預期對齊。這可能是因為瀏覽器渲染字型和其他元件的方式不同所致。
您可為文字方塊設定特定高度，確保即使文字在其他瀏覽器中略微變大或變小，也不會影響頁面上方塊的對齊方式。
若要設定文字方塊高度：
- 點擊編輯器中的文字方塊。
- 點擊並拖曳文字方塊上的把手，將其延伸至稍微超出文字結束位置（約 10-20 像素）。
提示：這不會影響文字本身的大小。
全寬度元件與其他元件之間的間隙
特定元件可於網站上伸展至全寬度，例如線條、橫向選單和部分圖庫。具有此選項的元件在點擊時會顯示 伸展 圖示 
。
。將元件伸展至全寬度時，全寬度元件與其上方或下方的元件之間可能會顯現間隙。您可使用 縮放 功能或移動元件來解決此問題。
解決方案 1 | 縮放以移除間隙
即可移除頁面間隙。在此檢視模式下，您可上下移動全寬度元件，或刪除元件之間的空間。 
解決方案 2 | 手動移動元件