针对个人使用弹性布局 display: flex;
的频繁属性进行总结:
flex-direction
- 主轴方向,默认是横向的row
,纵向为column
justify-content
- 项目在主轴上的对齐方式, 默认是flex-start
,常用的center
、space-between
、space-around
align-items
- 项目在交叉轴上的对齐方式,默认是flex-start
, 常用的center
flex-wrap
- 项目换行,默认是nowrap
,有时候用到wrap