跳到主要内容

容器布局

容器支持多种布局方式,满足不同的页面设计需求。

布局类型

自由布局

容器内部件可自由拖动定位,适合灵活度要求高的设计场景。

弹性布局(Flexbox)

基于 Flexbox 的布局方式,支持水平或垂直方向上的灵活排列,自动处理对齐与间距。

网格布局(Grid)

将容器划分为若干行和列,部件放入指定单元格中,适合规整的卡片式布局。

单一布局

容器内仅容纳单个部件,常用于全宽横幅、页眉页尾等场景。

布局方向

  • 水平排列:子部件从左到右横向排列
  • 垂直排列:子部件从上到下纵向排列

在容器的属性面板中可以选择和切换布局类型。