容器元素

容器元素可以用來實現很多事情。

• 水平排列元素
• 添加額外的背景或陰影
• 全幅背景顏色或圖片

水平排列元素

添加列並設置寬度比例

將容器添加到畫布後，您可以看到在數據標籤中只有1列。

點擊 欄以添加更多列。並調整它們的寬度比例以製作您想要的佈局。在截圖中，我設置了一個2:1的比例，左邊的列比右邊的列寬2倍。

始終水平

請注意，即使列是水平排列的。在移動屏幕下，列將垂直排列以適應較窄的屏幕。

對於大多數情況，這是可以的。但如果您希望列始終水平排列，請點擊內容標籤並查看類型字段。選擇始終水平。您的內容將無論屏幕大小如何始終水平排列。

自動列寬

關於寬度比例的一個簡短說明是，它可以設置為寬度比例，其中列寬將縮小以適應列內的元素。這很有用，例如，當您想設置一個頭像和一個座右銘時。

單欄

當容器中只有單欄時，它仍然很有用。例如，您可以為其添加額外的背景和額外的盒子陰影。

全幅背景

可以使用容器實現全幅背景。只需將形狀 -> 寬度設置為全螢幕寬度。容器將從左到右延伸到屏幕的邊緣。

但容器內的內容仍將被限制在頁面元素的寬度內。您可以通過將內容 -> 內部寬度設置為100%來使內容延伸到容器的邊緣。

全幅圖像

如上圖所示，如果您將圖像元素的形狀 -> 寬度設置為覆蓋。圖像元素將延伸到容器的邊緣，忽略容器和欄的填充和間隙。