幫助中心 > CmsEasy 模板制作 > 可視化編輯 > 可視化編輯:布局

可視化編輯模板功能:布局

通過可視化拖拽編輯布局,可創(chuàng)建符合自適配標(biāo)準(zhǔn)的網(wǎng)頁樣式。

外部容器

全屏

全屏布局容器,適應(yīng)整個屏幕寬度,類用于 100% 寬度,占據(jù)全部視口(viewport)的容器,左右兩側(cè)無留空

寬屏

類用于固定寬度并支持響應(yīng)式布局的容器,在小于786屏幕像素時為全屏。超過1000屏幕像素后,左右會有留空,最大寬度1180像素。

寬屏目前是最符合國際網(wǎng)頁標(biāo)準(zhǔn)的寬度。

導(dǎo)航

為了普通用戶方便操作,提供默認(rèn)網(wǎng)站導(dǎo)航全部調(diào)用容器使用,直接拖動到右側(cè)編輯區(qū)即可自動完成導(dǎo)航效果。

內(nèi)部分欄

注意:

所有分欄必須在插入布局容器內(nèi)使用!

3 3 3 3

四個分欄等距分布,寬度比例為25%:25%:25%:25%。

12

分欄寬度為100%。

4 8

兩個分欄,寬度比例為33.3%:66.6%。

6 6

兩個分欄,寬度比例為50%:50%。

8 4

兩個分欄,寬度比例為66.6%:33.3%。

4 4 4

三個分欄,寬度比例為33.3%:33.3%:33.3%。

2 6 4

三個分欄,寬度比例為16.6%:50%:33.3%。

1 11

兩個分欄,寬度比例為8.3%:91.6%。

2 10

兩個容器分欄,寬度比例為16.6%:83.3%。

3 9

兩個分欄,寬度比例為25%:75%。

5 7

兩個分欄,寬度比例為33%:67%。

自定義分欄

自定義分欄輸入框

如預(yù)置布局分欄無制作模板所需時,可手動輸入分欄比例,進(jìn)行自定義分欄設(shè)置


注意:輸入分欄數(shù)字以空格間隔,總和必須為12!


用 CmsEasy 助您「輕松搭建」企業(yè)官網(wǎng)。


本文是否有幫助?