align-content
作用:會設置自由盒內(nèi)部各個項目在垂直方向排列方式刊殉。
條件:必須對父元素設置自由盒屬性display:flex;，并且設置排列方式為橫向排列flex-direction:row;并且設置換行焰雕，flex-wrap:wrap;這樣這個屬性的設置才會起作用。
設置對象:這個屬性是對她容器內(nèi)部的項目起作用芳杏，對父元素進行設置矩屁。
取值:
stretch:默認設置辟宗，會拉伸容器內(nèi)每個項目占用的空間，填充方式為給每個項目下方增加空白吝秕。第一個項目默認從容器頂端開始排列,如下圖：
stretch.png
Center:這個會取消項目之間的空白并把所有項目垂直居中,如下圖：
center.png
Flex-start:這個會取消項目之間的空白泊脐，并把項目放在容器頂部，如下圖：
flex-start.png
flex-end:這個會取消項目之間的空白并把項目放在容器底部,如下圖：
flex-end.png
space-between:這個會使項目在垂直方向兩端對齊烁峭。即上面的項目對齊容器頂部容客，最下面一個項目對齊容器底部。留相同間隔在每個項目之間约郁。
space-between.png
Space-around:這個會使每個項目上下位置保留相同長度空白缩挑，使得項目之間的空白為兩倍的單個項目空白。
space-around.png
