加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai块样式显示类型

显示类型

设置元素的显示类型以及相应类型下容器的显示属性,如块元素、内联元素、弹性布局或网格布局等。

文章目录

配置选项

显示类型

String 设置容器的显示类型,对应 CSS 属性名 display,详细说明请查看 CSS 属性: display

Flex 选项

当显示类型设置为 flexinline-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 选项

当显示类型设置为 gridinline-grid 时有效。

主轴对齐

String 主轴对齐方式,对应 CSS 属性名 justify-content,详细说明可参考 CSS 属性: justify-content

交叉轴对齐

String 交叉轴对齐方式,对应 CSS 属性名 align-items,详细说明可参考 CSS 属性: align-items

间隙

Number | Global spacing 设定布局内的布局元素之间的间距,可单独设置行间距或列间距,或统一设置。对应 CSS 属性名 gap,详细说明可参考 gap 属性

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧