header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix Studio 編輯器:關於堆疊

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

選擇堆疊方向

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

拖曳即可設定間距

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

根據需求設計堆疊

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