Hui使用手册-Gird

tech2026-01-10  11

示例一

gutter 同一行不同列间距,推荐使用(16+8n)px;offset 列左偏移多少个栅格,相对于左边最近的列,而非第一列; <h-row gutter="16"> <h-col span="4"> </h-col> <h-col span="4"> </h-col> <h-col span="4" offset="12"> </h-col> </h-row> <h-row gutter="16"> <h-col span="4"> </h-col> <h-col span="4"> </h-col> </h-row>

示例二

justify设置排列布局方式,取值有start,end,center,space-between(等宽排列),space-around(子元素分散排列) 仅在flex模式下生效;align设置子元素在垂直方向上的排列方式,top,bottom,middle; <h-row gutter="16" type="flex" justify="end"> <h-col span="4"> </h-col> <h-col span="4"> </h-col> <h-col span="4"> </h-col> </h-row>
最新回复(0)