常见flex布局思路：flex布局上下结构

案例：

在a标签里有2个span，一个span里边放图案，一个span里边放文字。实现上边是图案，下边是文字，左右居中展示。

步骤：

（1）flex布局默认主轴是X轴，所以此时页面会显示，左边是图案，右边是文字

（2）把主轴设置为Y轴，flex-direction: column；此时页面会这样展示，上边是图案，下边是文字

（3）因为主轴是Y轴，所以侧轴便是X轴，此时设置侧轴居中对齐，因为是单行用align-items: center;