日常遇到的小问题-弹性布局

分类: 文章 • 2023-03-18 18:01:23

CSS弹性布局
当设置flex-direction: column;

此时的主轴和交叉轴已经发生改变，主轴水平向下，交叉轴水平向右
这时候如果还需要设置水平或垂直居中时，需要注意主轴在哪，交叉轴在哪
此时设置水平居中：align-items=center 即可设置水平居中
相反 justify-content: center 则会设置垂直居中