语法：
flex-container {
align-content: stretch | flex-start | flex-end | center | space-between | space-around | space-evenly | baseline | first baseline | last baseline;
}
属性值：
1. stretch（默认值）:
- 行在弹性容器中拉伸以占用剩余的空间。
2. flex-start:
- 行向弹性容器的起始边对齐。
3. flex-end:
- 行向弹性容器的结束边对齐。
4. center:
- 行居中在弹性容器中。
5. space-between:
- 行在弹性容器中平均分布，首尾两行分别贴近容器的起始和结束边。
6. space-around:
- 行在弹性容器中平均分布，两行之间的间隔相等。
7. space-evenly:
- 行在弹性容器中平均分布，包括首尾两行。
8. baseline:
- 行基线对齐。
9. first baseline:
- 第一行的基线对齐。
10. last baseline:
- 最后一行的基线对齐。
示例：
.container {
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
在这个例子中，.container 是一个弹性容器，设置了 align-content 为 space-between，这会使容器内的多行在垂直方向上平均分布，首尾两行贴近容器的起始和结束边。如果容器内只有一行，align-content 不会生效。这个属性主要用于多行的弹性容器，单行容器使用 align-items 更为合适。
转载请注明出处：http://www.zyzy.cn/article/detail/4093/CSS