身为一个前端工程师，对于Flexbox 的对齐方式一直没有很有系统地方式去使用他，常常遇到要对齐置中的时候，就先用align-item-center, 如果不行，然后再用justify-content -center 试试看，如果再不行... 恩.. 应该就是父容器的高度问题了。
时至今日，应该要用一个方式来记忆他了
主轴 与 交错轴
先搞清楚你是要控制 主轴 还是 控制 交错轴
- justify-content 负责控制 主轴对齐
- align-items 负责控制 交错轴对齐
Row 水平排列
Row 是水平排列，所以控制主轴的对齐就是 水平对齐
Column 垂直排列
Column 是垂直排列，所以控制主轴的对齐就是 垂直对齐
结论
所以我们只需要记，现在是flex-row，那我想改垂直置中，那么就控制主轴的相反交错轴是align-item 在控制的反之，如果现在是flex-column，那我想改垂直置中，那么的主轴justify-content 在控制的
