求得/分享资源

  • 您希望求得还是分享呢?

  • 求得资源(我们会尽全力满足) *

  • 分享资源(我们代表其他用户衷心感谢您的分享)

  • 分享附件

    浏览文件

  • 确认提交

  • 验证码
    看不清?换一张
    取消
    确定

2021

自定义分栏

深量菌 北京深量技术有限公司
发表时间: 2021-04-02

功能作用


  • 添加的模块默认是独占一行,当页面一行需要显示多个模块时需要使用分栏为基础,把多个模块放到一整行。可分别设置PC跟手机一行的显示布局方式。

  • 自定义分栏各分栏之间可通过拖动来调整之间的比例,可更直观及细节的调整模块的位置。



实现效果


  • 实现网站布局需要用到自定义分栏,如下图,一行需要放多个模块时,先添加一个自定义分栏选择5栏,再分别把把个模块对应拖到分栏内容区,再调整分栏之间的离距即可。




一、 添加模块


  • 1.1 设置路径:网站编辑页面——左侧添加模块——自定义分栏——拖动模块到页面合适位置






  • 1.2 模块设置:选择设置电脑及手机分栏的预设布局






  • 以三列分栏,10分栏间距为例,添加后如下图:





  • 分栏比例设置调整:







二.跟旧响应分栏区别


2.1 自定义分栏可直接使用5栏布局分栏



2.2 自定义分栏可自由调整不规则比例分栏(常见网站页尾信息不规则比例分布等)




三.配合其它模块使用示例


  • 汽车简介效果图:





3.1 、添加自定义分栏模块,选择分栏间距0,电脑“四列分栏”手机“一行两栏”





3.2 、分别添加效果图的汽车“图片模块”及文字描述的“文本图文模块”,拖至对应分栏位置。





3.3 、添加后分别在各栏之间鼠标拖动调整位置至合适即可。






3.4 、 手机端适应的效果






常见问题:


  1. 问:为什么要添加响应分栏?
    答:流式布局拖出来的模块会占用一整行,当一行中需要添加多个模块时,需要使用响应分栏把一行分为多个区域使用。

  2. 问:响应分栏跟自定义分栏有什么区别?
    答:响应分栏需要设置固定比例分栏,自定义分栏通过拖动方式设置比例,可更细节调整。

  3. 问:响应分栏怎么设置模块整页显示?两边不留白?
    答:高级设置——默认更改为全屏


浏览:
点赞 | 0
分享
自定义分栏
长按图片保存/分享

5x8小时服务

免费备案

无忧退款

全周期专业服务

我们期待您的来电。

ShenLiang 010 - 8646 6600

我们期待您的来电。

ShenLiang 010 - 8646 6600

京ICP备16060693号-2, 京公网安备11010802028442号丨版权所有 © 1999 - 2021 北京深量技术有限公司,保留所有权利。

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了