File基础语法

一、常见属性:

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

还有课后案例写一个

 

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部