AI写作智能体 自主规划任务,支持联网查询和网页读取,多模态高效创作各类分析报告、商业计划、营销方案、教学内容等。 广告
响应分栏 功能作用 * 添加的模块默认是独占一行,当页面一行需要显示多个模块时需要使用响应分栏为基础,把多个模块放到一整行。可分别设置PC跟手机一行的显示布局方式。 * 分栏的比例分为12等份,每个数字表示分栏的宽度比例,例如:设置3,9,就是把屏幕以3:9的比例划分;分别添加模块到3跟9两个区域,不支持小数。 实现效果 * 通过使用响应分栏,实现网站一行放置多个模块的布局,编辑网站布局必备模块。 **![](http://help.yz168.com/comdata/16311/201901/20190104153338cc830e.png)** 一、响应分栏设置 1.1 操作路径 * 网站编辑页面——添加模块——响应分栏——拖动模块到页面合适位置 ![](http://cdn.img-sys.com/comdata/16311/201901/20190104153338b21330.png) * * * 2、设置方式 * 2.1 通用设置: * 按页面一行放置模块多少或比例,可选择使用系统默认的比例。 ![](http://cdn.img-sys.com/comdata/16311/201901/201901041533387902c1.png) * 以3.9比例为例,添加后如下图: ![](http://cdn.img-sys.com/comdata/16311/201901/20190104153338a2a31b.png) * * * * 2.2 自定义设置: * 若系统默认的比例不能满足您的需求,点击“自定义”可设置自己想要的分栏比例 * 分栏总比例为12,数字间以逗号隔开,如:3,4,5 * PC跟手机的比例可以不一样 ![](http://cdn.img-sys.com/comdata/16311/201901/201901041533387e2f37.png) * 以上述截图比例为例 * PC端效果: ![](http://cdn.img-sys.com/comdata/16311/201901/201901041533372130be.png) * 手机端效果: ![](http://cdn.img-sys.com/comdata/16311/201901/20190104153337185998.png) * * * 二 、效果演示图 * 分栏比例设置为:3,3,3,3  效果如下图: ![](http://cdn.img-sys.com/comdata/16311/201901/20190104153338623505.png) * PC端在分栏里面添加图片模块的效果如下图: ![](http://cdn.img-sys.com/comdata/16311/201901/20190104153338cc830e.png) * 手机端在分栏里面添加图片模块的效果如下图: ![](http://cdn.img-sys.com/comdata/16311/201901/20190104153338b4fbe0.png) * 更灵活的布局设置,可参考自定义分栏模块 : http://help.yz168.com/NewsDetail/932122.html * * * 常见问题: 1. 问:为什么要添加响应分栏? 答:流式布局拖出来的模块会占用一整行,当一行中需要添加多个模块时,需要使用响应分栏把一行分为多个区域使用。 2. 问:响应分栏中可以再添加响应分栏吗? 答:不行 3. 问:响应分栏怎么设置模块整页显示?两边不留白? 答:高级设置——默认更改为全屏