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

Wix Studio 編輯器:關於堆疊

堆疊是一個「擁抱」元件的 FlexBox 容器,無論元件是以垂直還是橫向順序排列。堆疊元件可確保在各種畫面尺寸上皆能呈現絕佳效果,防止重疊(小畫面)或產生過大間隙(大畫面)。

選擇堆疊方向

將元件放入堆疊時,可選擇方向:垂直或橫向。這取決於希望元件以垂直還是橫向順序顯現。
無論採用哪種方式,皆可隨時切換方向。系統會自動重新排列元件,使其以正確順序顯示。
橫向堆疊轉為垂直的範例,元件現在以垂直順序排列

拖曳即可設定間距

拖放功能讓設定堆疊中元件之間的間距變得前所未有的簡單。
拖曳堆疊品項之間的空間以增加邊距
您也可以建立負邊距,讓元件刻意重疊。
將堆疊邊距拖曳至相反方向,以在圖片和文字之間建立重疊

根據需求設計堆疊

堆疊容器預設為透明,但您可從檢驗器面板根據需求進行設計。新增背景色彩、邊框和陰影,讓堆疊更加顯眼。
檢驗器面板的螢幕截圖,且已選擇畫布上的堆疊,顯示設計選項