帮助中心 > CmsEasy 模板制作 > 可视化编辑 > 可视化编辑:布局

可视化编辑模板功能:布局

通过可视化拖拽编辑布局,可创建符合自适配标准的网页样式。

外部容器

全屏

全屏布局容器,适应整个屏幕宽度,类用于 100% 宽度,占据全部视口(viewport)的容器,左右两侧无留空

宽屏

类用于固定宽度并支持响应式布局的容器,在小于786屏幕像素时为全屏。超过1000屏幕像素后,左右会有留空,最大宽度1180像素。

宽屏目前是最符合国际网页标准的宽度。

导航

为了普通用户方便操作,提供默认网站导航全部调用容器使用,直接拖动到右侧编辑区即可自动完成导航效果。

内部分栏

注意:

所有分栏必须在插入布局容器内使用!

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%。

自定义分栏

自定义分栏输入框

如预置布局分栏无制作模板所需时,可手动输入分栏比例,进行自定义分栏设置


注意:输入分栏数字以空格间隔,总和必须为12!


用 CmsEasy 助您「轻松搭建」企业官网。


本文是否有帮助?