为方便您对网站的全面规划、布置,使各模块间更清晰,您可使用布局控件,布局控件内可放置多种其他控件。本文介绍如何添加及设置布局控件。

添加布局控件步骤

  1. 单击设计 > 排版布局
  2. 选择所需布局控件,可参考下表进行选择。
容器名称 显示效果 使用场景
容器 单栏,可调整宽高 用于设计自行调整尺寸的模块
自适应布局 单栏,宽度适应屏幕最大宽度 用于设计需撑满屏幕的背景图片
多栏布局 多栏,宽度适应屏幕最大宽度。可设置每一栏的比例。 用于设计需撑满屏幕,如设计多个人物介绍
标签布局 多栏,可调整宽高 用于设计案例展示、精美导航。
说明
  • 为避免出现显示问题,自适应布局与自适应布局间请勿互相嵌套使用。
  • 使用布局类控件时,应多查看层次,方便您缕清结构。
  • 自适应布局中可包含多个容器。
  • 将容器控件放入标签布局控件中,再在容器中放置按钮、图片等,可设计出精美的导航。如需观看标签布局的视频请单击标签控件的使用

设置布局控件

根据您选择的布局控件不同,可在快速设置面板中设置项也会不同。

  • 调整宽高:
    • 自适应布局、多栏布局:宽度与手机端/PC端屏幕宽度自适应,只支持设置高度。
    • 容器、标签布局:可调整宽度及高度。
  • 增加设置数据项: 多栏布局及标签控件可设置多项数据,及编辑这些数据。如图为多栏布局。多栏
  • 排列:可设置尺寸及具体位置。

锁定位置功能

选中控件时,单击像锁一样的图标按钮,可锁定当前位置。

删除控件功能

选中控件时,单击像废纸篓一样的图标按钮,可删除此控件。