}
最后的baseline看起来跟flex-start没啥区别，因为我给每个子项设置高度。设置高度后：
align-content
CSS Code复制内容到剪贴板
div{
align-content: flex-start /*与侧轴起始点对齐*/
<flex-end> /*与侧轴终止点对齐*/
<center> /*与侧轴中点点对齐*/
/*与侧轴两端对齐，各子项在各轴上的间距相等*/
<space-between>
/*各子项在各轴上的间距相等，项目间距比边距间距大一倍*/
<space-around>
/*项目占满整个侧轴*/
<stretch>
}
上面已提到过，对于单轴线的子项来说，本属性不起作用。但是默认情况下是只有子项目是一根轴线的（flex-wrap默认是nowrap），所以要使这个属性看到效果，必须设置flex-wrap。
已下是flex-wrap为wrap的几种情况。
子项
以下这些属性设置在子项上。
子项自身的操控有：
子项目的排列顺序 —— order
子项目的放大比例 —— flex-grow
默认为0，即如果主轴上有剩余空间，也不放大子项。
子项目的缩小比例 —— flex-shrink
默认为1，即如果主轴空间不足，即缩小子项。
同时设定前三者 —— flex
设定单个项目其自身在侧轴的对齐方式 —— align-self
