基本flex弹性盒布局

flex弹性盒布局是css中最基础的一种布局方法，它可以帮助前端程序员更方便更灵活的对页面进行布局排版。以下就为大家整理一些常见的flex布局的代码和作用，希望可以帮助到有需要的人。

弹性盒flex

display：flex 开启弹性盒

未开启弹性盒 

开启弹性盒。

父元素属性
      
flex-direction 主轴方向

                
flex-direction：row; 水平排列（行排列，在开启弹性盒之后就会默认水平排列，就相当于默认输入了该代码）

开启水平排列，和开启弹性盒效果一致。

                
flex-direction:row-reverse;反向水平排列（原本的排列方式为1,2,3,4，输入这行代码就会呈反向排列4,3,2,1）

反向水平排列

                
flex-direction：column;垂直排列；（竖向排列）

 垂直排列