轴是怎么定义的？
这个轴啊，是理解flex布局的关键
轴有main-axis，cross-axis。翻译为主轴和交叉轴（交叉轴属于乱翻译）也有的叫侧轴。
如图，在主轴上元素的排列靠justify-content决定。纵轴（侧轴）上的排列有align-items决定。
image.png
举个例子，容器的上边也就是纵轴的起始位置，即flex-start。然后元素顶部沿着这个起始位置对齐就是flex-start。
image.png
如果是flex-end，那当然是子元素低端和纵轴结束对齐
center元素中间和纵轴中间的水平线对齐。
image.png
简单看，其实justify-content说的是上中下边的对齐。
自然，align-items说的是左中右边的对齐。
轴的位置可以相互交换么？
可以，事实上主轴也可以是竖直的那条轴，这个由flex
-direction决定。
多行元素怎么对齐？
上面一个水平对齐，一个垂直对齐，看似很完美。
事实上不符合mece原则，因为上面根本没解决多行元素对齐的问题。
多行元素对齐用align-content。
