Wix 說明
首頁
文章庫
建立網站
使用 Wix 編輯器
編輯器網站疑難排解

Wix 編輯器：修正網站間距和對齊問題

5 分鐘
無論是在已上線網站或編輯器中，都可能出現對齊和間距問題，例如間隙、文字顯示異常或元件重疊。
閱讀本文，了解可能發生的問題及解決方法。

不同瀏覽器的對齊問題

Wix 網站已針對大多數常用裝置和瀏覽器進行最佳化，但不同裝置和瀏覽器之間的對齊方式仍可能略有差異。這是因為不同瀏覽器和裝置使用不同的轉譯引擎，可能造成細微差異。
Wix 已上線網站的螢幕截圖，顯示兩個未對齊的元件。
您可將網站元件新增至欄、重複器或容器，讓元件在不同瀏覽器中保持對齊。

頁面內容與頁尾之間的間隙

頁面內容和頁尾之間可能出現小間隙，如下方螢幕截圖所示。這可能是頁面高度造成的。您可調整頁面高度來移除間隙。

調整頁面高度：

  1. 點擊編輯器中的頁面。
  2. 點擊並拖曳「調整頁面高度」圖示 。
使用頁面高度把手調整頁尾大小的頁面。
注意：
如果頁面包含大量帶狀圖片，可能需要點擊頁尾並向下拖曳，才能選擇頁面。

頁尾下方的間隙

編輯器中的頁尾下方一定會留有間隙，方便快速調整頁尾大小。不過，網站的已上線版本中，頁尾下方也可能出現間隙。
Wix 已上線網站的螢幕截圖，頁尾下方有一處間隙。
如果頁面內容比目前頁面長度短，就可能發生此問題。您可根據設計和喜好設定，使用多種方法解決問題。

頁尾與設為在所有頁面顯示的元件重疊

如果網站上的元件已設為在所有頁面顯示，部分頁面的頁尾可能會與元件重疊。若某些頁面比元件短，就可能發生這種情況。
若要修正問題，請使用調整頁面高度圖示 向下拖曳頁尾。
GIF 顯示向下拖曳頁面高度以延長頁面。

元件從網站頁首消失

已上線網站的頁首中，部分元件可能會消失（或落到頁首後方）。可能原因有以下 2 項：
可變更頁首的捲動效果，或調整元件的顯示設定來解決此問題。

已上線網站上的文字未對齊

已上線網站的版面配置有時會因畫面和瀏覽器而異，導致元件未按預期對齊。這可能是因為不同瀏覽器呈現字型和其他元件的方式有所差異。
可為文字方塊設定固定高度，這樣即使文字在其他瀏覽器中稍微變大或變小，也不會影響方塊在頁面上的對齊方式。

設定文字方塊高度：

  1. 點擊編輯器中的文字方塊。
  2. 點擊並拖曳文字方塊上的把手，將方塊延伸至稍微超出文字結尾的位置（約 10 至 20 個像素）。
    提示：這不會影響文字本身的大小。
GIF 顯示如何在 Wix 編輯器中伸展文字方塊。

全寬度元件與其他元件之間的間隙

網站上的特定元件可延伸至全寬度，例如線條、橫向選單和部分圖庫。點擊支援此選項的元件時，畫面會顯示「伸展」圖示 。
將元件延伸至全寬度時，全寬度元件與其上方或下方的元件之間可能會出現間隙。可使用「縮小」功能或移動元件來解決此問題。