1.在需要flex布局的所有item的父元素上设置display:flex

2.设置排列方向flex-direction，row水平，column竖直，起始方向默认从左到右，从上到下；若要反向，在后面加个reverse

3.设置对齐方式justify-content和align-items，这两个不是说就水平和竖直上的对齐方式，而是主轴和交叉轴。也就是说如果flex-direction指定的是column，那么justify-content就是竖直方向上的对齐方式；记住三个，flex-start、flex-end和center