align-content
描述
该 align-content 属性确定浏览器如何沿容器的横向轴（垂直）在 flex 元素之间和周围分配空间，或沿网格容器列的轴对齐整个网格布局。为了确定浏览器如何沿容器的主轴（水平）在 flex 元素之间和周围分配空间，或沿网格容器行的轴对齐整个网格布局，可以使用 justify-content 属性
语法
css
align-content: flex-start | flex-end | center | space-between | space-around |
space-evenly | stretch;值
flex-start
容器内的线位于柔性容器横轴的起点，或网格容器网格的初始边缘。对于布局网格元素（网格元素），允许使用缩写的起始值，对于 flex 元素，必须使用完整的 flex-start 值。
flex-end
容器内的线位于柔性容器横轴的末端，或沿网格容器的网格边缘。对于布局网格元素（网格元素），允许缩写结束值;对于挠曲元素，必须使用完整的挠曲端值。
center
容器内的线位于其中心。
space-between
容器内的线均匀分布，第一行位于横轴的起点，最后一行从横轴的末端定位。
space-around
容器内的行均匀分布，而两条相邻行之间的空间相同，第一行之前和最后一行之后的空白空间是相邻行之间空间的一半。
space-evenly
在每行之间放置一个均匀的空间，包括容器的顶部和底部边缘。
stretch
容器内的线条均匀拉伸，填充可用空间（调整网格元素的大小，或弯曲元素，使元素填充容器的整个高度）。这是默认值。