响应式混搭
通过响应式混搭，您可以使用高级布局设置在容器内排列项。这些设置基于层叠样式表 (CSS) 的弹性盒布局模块 (flexbox)。
您可以使用基于 Flexbox 的容器执行以下操作：
• 竖直或水平对齐容器中的项
• 在容器中对项进行拉伸或换行，具体取决于可用空间
• 设置固定的容器高度或宽度
• 当混搭包含多个容器时，定义 flexbox 的扩展和收缩比例
• 使用自定义 CSS 规则定位项
• 使用“样式属性”面板自定义容器的外观
可使用容器作为行和列来构建混搭布局。容器中的项是伸展还是收缩，取决于可用空间。创建混搭时，可以使用“布局”面板来控制容器中项的方向、对齐、拉伸和换行等选项。您可以在混搭中为每个容器定义特定布局规则。
创建响应式混搭
1. 在 Composer 中，单击 > 。将打开“新建混搭”窗口。
2. 选择“响应式”，然后单击“确定”。
3. 输入混搭的名称，然后单击“保存”。
将容器添加到混搭
默认情况下，空的响应式混搭具有一个容器。要向混搭中添加多个容器，请执行以下操作：
1. 选择混搭上的容器。
2. 在“布局”面板的“添加容器”部分下选择一个选项，以将容器添加到所选容器的左侧、右侧、上方或下方。
3. 根据需要重复步骤 1 和 2，将容器添加到混搭。
4. 单击“保存”。
将项添加到容器
混搭布局创建完成后，您可以开始向容器中添加项。项将按其添加顺序进行排序。要添加项，请将项从“小组件”面板拖动到混搭中的任何容器上。
您可以将响应式和非响应式小组件添加到同一容器。响应式小组件会填充空容器内的所有可用空间。添加非响应式小组件时，响应式小组件设置为默认大小。可以使用“布局”面板控制容器内各项的对齐方式。有关排列各项的详细信息，请参阅
排列响应式容器中的项。
使用静态定位
当定位设置为“响应式”时，小组件会根据容器布局规则进行排列。当定位设置为“静态”时，将禁用响应式布局规则，您可以将小组件放置在容器内的任何位置。要定位小组件，请单击并手动拖动，或使用可用于静态布局的对齐命令。
自定义容器大小
您可以使用以下选项之一来控制混搭中每个容器的大小：
• “响应式”- 使容器响应。
• “固定大小”- 指定容器的固定大小。
• “大小范围”- 根据定义的最小值和最大值范围来设置容器大小。