flex布局

发布时间 2023-06-09 23:03:46作者: 时间羚羊

justify-content:主轴

属性值 说明
flex-start 若按x轴排列,从左往右;y轴从上往下
flex-end 同上相反方向
center 居中对齐
space-around  平分剩余空间
space-between 先将两边元素分别摆放在左右,其余元素平分

 

flex-wrap:

nowrap(默认值)不换行

wrap 换行

 

align-items(只能用于单行的的):侧轴,如果x设置为主轴,则y就是侧轴;反之亦然。

属性值和效果同justify-content,只不过应用于侧轴。

aligin-content(多行版)