File基础语法

一、常见属性: flex-direction:设置主轴的方向 justify-content:设置主轴上的子元素排列方式 flex-wrap:设置子元素是否

一、常见属性:

flex-direction:设置主轴的方向

justify-content:设置主轴上的子元素排列方式

flex-wrap:设置子元素是否换行

align-content:设置侧轴上的子元素排列方式(多行)

align-items:设置侧轴上的子元素排列方式(单行)

flex-flow:复合属性:相当于设置了flex-direction和flex-wrap

align-content和align-litems区别

二、上面这些属性常见的方法

        这里主要是flex-direction

123

        justift-content的方法

 123
1234

        flex-wrap的方法

12345

        align-items的用法

123

        align-content的方法

1234567

        flex-flow的用法

12345

        用flex做一个布局

 

123

再温故一下

    //如果把第三给span单独放下面去
123

还有课后案例写一个