老师 不太理解align-items和align-content以及justify-content

同学你好，关于同学的疑问，解答如下：

1、align-items属性定义项目在交叉轴上如何对齐

示例：

效果图：每一行都均分剩余的空间，在每一行垂直居中显示。

2、align-content属性适用于多行的flex容器。

效果图，均分剩余的空间， 整体垂直居中显示

可以简单理解两者的区域就是align-item是针对单行， align-content可以针对多行

3、justify-content设置弹性盒子元素在主轴的对齐方式。可以参考下方的例子：

效果图：水平居中

同学可以敲一敲代码，加深理解。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~