这是标准盒子的应用

弹性盒的应用
采用flex布局的元素一般叫做容器内的内容称为项目或者元素
水平方向的是主轴（main axis），垂直方向的是交叉轴（cross axis![在这里插入图片描述](）
容器属性：flex-flow、flex-direction、flex-wrap、justify-content、align-items、align-content
元素/项目属性：order、flex-grow、flex-shrink、flex-basis、flex、align-self.)

区别：在属性值上，align-content比align-items多了两个值：space-between和space-around
重点：1.align-content与align-items比较类似，同时也比较容易迷糊。下面会将两者对比着来看它们的异同2.首先明确一点：align-content会以多行作为整体进行对齐，容器必须开启换行
容器属性flex-flow
flex-flow 属性
相当于direction和wrap的集合
flex-flow: row nowrap; 顺序排列且不换行
flex-flow:row-reverse wrap; 反序排列且自动换行