配置选项
显示类型
String
设置容器的显示类型,对应 CSS 属性名 display,详细说明请查看 CSS 属性: display。
Flex 选项
当显示类型设置为 flex 或 inline-flex 时有效。
轴方向
String
设置 Flex 布局中的主轴方向,对应 CSS 属性名 flex-direction,详细说明可参考 CSS 属性: flex-direction。
主轴对齐
String
主轴对齐方式,对应 CSS 属性名 justify-content,详细说明可参考 CSS 属性: justify-content。
交叉轴对齐
String
交叉轴对齐方式,对应 CSS 属性名 align-items,详细说明可参考 CSS 属性: align-items。
间隙
Number | Global spacing
设定布局内的布局元素之间的间距,对应 CSS 属性名 gap,详细说明可参考 CSS 属性: gap。
换行
Select
布局内是否支持换行,对应 CSS 属性名 flex-wrap,详细说明可参考 CSS 属性: flex-wrap。
间隙
Number | Global spacing
设定布局内的布局元素之间的间距,可单独设置行间距或列间距,或统一设置。对应 CSS 属性名 gap,详细说明可参考 gap 属性。
Grid 选项
当显示类型设置为 grid 或 inline-grid 时有效。
主轴对齐
String
主轴对齐方式,对应 CSS 属性名 justify-content,详细说明可参考 CSS 属性: justify-content。
交叉轴对齐
String
交叉轴对齐方式,对应 CSS 属性名 align-items,详细说明可参考 CSS 属性: align-items。
间隙
Number | Global spacing
设定布局内的布局元素之间的间距,可单独设置行间距或列间距,或统一设置。对应 CSS 属性名 gap,详细说明可参考 gap 属性。