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

添加布局控件步骤

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

设置布局控件

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

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

锁定位置功能

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

删除控件功能

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