深入理解布局神器flexbox,主要向大家讲解 flex 布局的方方面面,从概念到实战。理论和实践相结合,讲解概念的同时进行代码演示。课程最后将和大家一起闯关flexboxfroggy。
将一个属性作为一个主题是不是太夸张了?
No,No,No。flexbox 布局相关属性不是一般的多,概念看了一遍又一遍,到实际操作还是无从下手。
都说弹性布局好用,可啥是容器,啥是项目,啥是轴,what are you talking about?还不如使用 float、absolute 来搞呢?
如果你有这样的困惑,那么请和一步来一步一步的体验一下 flex布局吧!?
简单了解flex 布局的相关概念,容器、项目、主轴、侧轴
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
看完这么多的容器属性是不是已经蒙逼了,不要慌下面还要 n 个呢~
order
flex-grow
flex-shrink
flex-basis
flex
align-self
绝对居中布局
等分布局
flexboxfroggy
FEer,身为个前端不会 flex 布局怎么好意思出门
grid布局相关学习
购买须知:
1、本课程为虚拟产品,一经购买,概不退款(讲师特别声明除外)
2、在使用过程中,遇到任何问题,请邮件联系:pr@sifou.com
3、划线价说明:商品展示的划横线价格为参考价,并非原价。该价格仅供您参考。
版权声明:讲者在本产品上发表的全部原创内容(包括但不限于文字、视频、图片等)著作权均归讲师本人所有。未经讲师授权许可,观众用户不得以任何载体或形式使用讲师的内容。