两等分(columns=2:左右两栏的对照型信息)

待付款 3
待发货 1

三等分(columns=3:金额、数量、状态这类短字段)

合计 ¥128
共 2 件
已优惠 ¥20

四等分(columns=4:指标卡 / 图标入口;窄屏不折行)

访问
下单
支付
完成

列间距(gutter=0 无缝 / 8 / 16 / 24;无缝只用于靠分割线分栏的场景)

0
0
0
24
24
24

不等宽(列级 col--8 / col--4:主次分栏,主栏 2/3)

订单详情(主栏)
操作

交叉轴对齐(align=center:列高不同时垂直居中)

一行
两行
内容

不换行(wrap=false:横向滚动,看板式横向列)

第 1 列
第 2 列
第 3 列