先理解flex中的主轴与交叉轴是定义
Flex中提出了一个重要的概念——轴
默认情况下主轴是水平的
可以通过flex-direction来修改主轴方式。
align-items与justify-content的定义与区别
- justify-content属性定义了项目在主轴上的对齐方式,如下面默认的方向为从左到右
- justify-content属性定义项目在交叉轴上如何对齐,如下面的方向为从上到下
小结
通过flex-direction确定了主轴方向,justify-content确定了再主轴方向的对齐方式,align-items确定了对应垂直方向的对齐方式,基本能满足各种对齐的需求
更多推荐
flex中 align-items与justify-content的区别
发布评论