如何使用Container製作直式排版

本文說明如何使用Container製作直式排版

1.點選”+”號,新增一個由上往下的母container。

2.加入”標題”與”內容編輯器”。

3.點選”母container”,在進階中調整邊框間距。

4.加入子container:在元素中拖曳container至文字下方,可點選導覽器查看排序。

5.在子container中,再加入三個小container,也可點選右鍵再製。

6.點選子container,於版面配置更改排列方式,使其呈現水平方式。

7.於小container中加入”圖片”,也可右鍵再製另一張圖片,再進行圖片內容更改即可。

8.製作位移感:於母container中將最小高度調整為800,目的是為了讓出空間製作位移感。

9.調整第一個小container版面配置:選擇置下,即呈現上下交錯的位移效果。

10.第三個小container,可放置標題、內文編輯器、按鈕等。
若要將其置中,排列方式點選”置中”與調整邊框間距,使其上下留白。
點選Order,可改變順序。

11.按下”更新”按鍵即完成。

返回頂端