開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
placeholder-preview-image

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

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

不同瀏覽器的對齊問題

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

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

調整頁面高度:

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

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

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

元件從網站頁首消失

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

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

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

設定文字方塊高度:

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

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

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