Wix 說明

Wix Studio 編輯器:關於堆疊

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

選擇堆疊方向

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

拖曳即可設定間距

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

根據需求設計堆疊

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