求得/分享资源

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

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

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

  • 分享附件

    Upload

  • 确认提交

  • Security Code
    Refresh the code
    Cancel
    Confirm

2021

图片展示

深量,致敬中国实干派。

SHENLIANG.NET

H5-营销官网,去购买

深量,致敬中国实干派。

SHENLIANG.NET

云速成美站,去购买

深量,致敬中国实干派。

SHENLIANG.NET

H5自助建站,去购买

深量,致敬中国实干派。

SHENLIANG.NET

企业邮箱,去购买

深量,致敬中国实干派。

SHENLIANG.NET

在线培训预提交问题

  • 您使用的产品 *

    select

    • H5-自助建站
    • H5-营销官网
    • 外贸独立站
    • 品牌站群系统
    • 品牌商城系统
    • 品牌小程序
    • 云-速成美站
    • 云-企业官网

  • 您要提交的问题 *

  • 上传问题图片(可选)

  • 您的邮箱 *

  • 确认预提交问题

  • Security Code
    Refresh the code
    Cancel
    Confirm

图片展示

深量,致敬中国实干派。

SHENLIANG.NET

在线表单

  • 一句话需求 *

  • 您的预算 *

    • 2000以下
    • 2000-5000
    • 5000-1万
    • 1万-10万
    • 10万-50万
    • 50万-100万
    • 100万以上

    您的预算 *

  • 详细描述您的需求 *

提交

Security Code
Refresh the code
Cancel
Confirm

  • 返回
  • 询盘

查找丨结果

搜索

自定义分栏

深量菌 深量,致敬中国实干派。
Time: 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. 问:响应分栏怎么设置模块整页显示?两边不留白?
    答:高级设置——默认更改为全屏


Click:
Like | 0
share
自定义分栏
Long by picture save/share

5x8小时服务

免费备案

无忧退款

全周期专业服务

我们期待您的来电。

ShenLiang 010 - 8646 6600

我们期待您的来电。

ShenLiang 010 - 8646 6600

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

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

Service Center
Contacts
电话
010-86466600
Qrcode
Qrcode
扫码沟通
Service Center
Add WeChat friend to learn more about the product
Use Enterprise WeChat
"Scan" to join the group chat
Copy success!
Add WeChat friend to learn more about the product
I see.