Skip to content

Flex 弹性布局

基本使用

对齐方式

间隙设置

自动换行

Flex API

属性说明类型默认值
verticalflex 主轴的方向是否垂直booleanfalse
wrap设置元素单行显示还是多行显示;参考 flex-wrapenum
nowrap
justify设置元素在主轴方向上的对齐方式;参考 justify-contentenum
normal
align设置元素在交叉轴方向上的对齐方式;参考 align-itemsenum
normal
gap设置网格之间的间隙,数组时表示: [水平间距, 垂直间距]enum
middle