有些时候我们需要对一些对象进行必要但非常简单的定位，这对我们网页制作的速度影响非常严重，代码也非常的长，用户的打开速度也会变慢，如果这时候我们使用弹性布局会变得十分简单

接下来跟着我一起了先简单解一下flex弹性布局吧

一、方向方面

方向分为：自下到上（column-reverse），自上到下（column），自左到右（row），自右到左（row-reverse）四个方向

使用代码为：flex-direction ：column-reverse/column/row/row-reverse

 

 二、默认情况下，项目对象都排在一排上。但是我们可以使用flex-wrap属性进行定义：不换行（nowrap），换行（wrap），换行第一行在下面（wrap-reverse）。

不换行（nowrap）：

123456789

 

换行（wrap）：

123456

789

换行第一行在下面（wrap-reverse）：

789

123456