解释一下Flexbox（弹性盒布局模型）？及使用场景？

• flex 布局时CSS新增的一种布局方式，我们可以通过将一个元素的display:flex使它成为一个flex容器。任何一个容器都可以指定为flex布局。行内元素也可使用flex布局。
• 一个容器有两条轴，一个时水平的主轴，一个时与主轴垂直的交叉轴。
• 属性：
• flex-direction 定义主轴的方向。
• flex-wrap 定义是否换行。
• flex-flow 上述2个属性的简写。
• justify-content 定义项目在主轴上的对齐方式。
• aligin-items 定义项目在交叉轴上如何对齐。
• align-content 定义多根轴线的对齐方式。