flex移动端 布局

   在移动端中，一般用flex布局来解决当屏幕适应时出现布局错乱的现象：

     步骤：1，在开始阶段先开启flex布局，就是在父盒子上display：flex；开启flex布局；

                 而且flex都是对父元素操作来影响子元素的，这里的子元素是一级子元素，只能影响一级子元素，而且是

                 所有的一级子元素，其中有几个重要且常用的属性：justify-content:flex-start(主轴开始的地方)；flex-end(主轴结束的地方)；

                  flex-basize（基线地方）；center（中心的地方），最重要的两个属性：space-between两边留白和space-around两边不留白；

                 2，配置侧轴的样式;align-items：当不换行的时候主轴只有一根，当换行的时候align-content：主轴有多根时候的属性

                 3，主轴方向，有时候我们可以灵活的应用主轴，通过flex-direction来控制，主要的两个属性row（默认）和clumn（垂直）

                 4，默认时不换行的，当需要进行换行操作数，flex-wrap：wrap，为换行（默认是no-wrap不换行）

   应用;    一般用flex来展示多行图片时候:这是配合列表的属性：

                        

                     这样的布局一般是通过设置每一个列的宽度一般百分之三十；让li——float：left

                      这是要开启换行：flex-wrap：wrap换行(默认为no-wrap不换行)

                       justify-content：space-around

                      align-content：center