容器支持多种布局方式,满足不同的页面设计需求。
布局类型
自由布局
容器内部件可自由拖动定位,适合灵活度要求高的设计场景。
弹性布局(Flexbox)
基于 Flexbox 的布局方式,支持水平或垂直方向上的灵活排列,自动处理对齐与间距。
网格布局(Grid)
将容器划分为若干行和列,部件放入指定单元格中,适合规整的卡片式布局。
单一布局
容器内仅容纳单个部件,常用于全宽横幅、页眉页尾等场景。
布局方向
- 水平排列:子部件从左到右横向排列
- 垂直排列:子部件从上到下纵向排列
在容器的属性面板中可以选择和切换布局类型。