align-content
align-content 决定了多行 flex items 在 cross axis 上的对齐方式，用法与 justify-content 类似。
- stretch（默认值）：与 align-items 的 stretch 类似
- flex-start：与 cross start 对齐
- flex-end：与 cross end 对齐
- center：居中对齐
- space-between：flex items 之间的距离相等。与 cross start、cross end两端对齐。
- space-around：flex items 之间的距离相等。flex items 与 cross start、cross end 之间的距离是 flex items 之间距离的一半。
- space-evenly：flex items 之间的距离相等。flex items 与 cross start、cross end 之间的距离 等于 flex items 之间的距离。
flex-item属性 - order
order 决定了 flex items 的排布顺序。可以设置任意整数（正整数、负整数、0），值越小就越排在前面。默认值是 0。
flex-item属性 - flex items
flex items 可以通过 align-self 覆盖 flex container 设置的 align-items。
- auto（默认值）：遵从 flex container 的 align-items 设置
- stretch、flex-start、flex-end、center、baseline，效果跟 align-items 一致
