最近在研究flex布局，容器中有两个属性。一开始接触align-items还可以理解感觉不难,后来看到align-content就感觉有点混淆了，特开一篇记录一下我的学习过程。

align-items属性适用于所有的flex容器，它是用来设置每个flex元素在侧轴上的默认对齐方式。

align-items和align-content有相同的功能，不过不同点是它是用来让每一个单行的容器居中而不是让整个容器居中。

align-content属性只适用于多行的flex容器，并且当侧轴上有多余空间使flex容器内的flex线对齐。

看到这里大概已经明白了概念，align-content是针对flex容器里面多轴(多行)的情况,align-items是针对一行的情况进行排列。

总结一下：

align-content 多行，align-items  一行

原文链接：https://www.qiquanji.com/post/7743.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。