为何说Flexbox时代已经到来呢?
我们可以想想,在之前传统的布局过程中,我们是基于盒模型基于浮动或者定位来布局,那这些布局的缺陷就是调试麻烦,针对一些特殊布局不容易实现,像比较经典的垂直居。那我们所说的网页布局也是我们CSS的重点应用。
在2009年,W3C提出了一种新的解决方案,就是Flex布局,可以简便、完整、响应式地实现各种页面布局。目前它已经得到了所有浏览器的支持,所以现在我们可以放心大胆的来使用。可以看下这是caniuse上的查询结果:
那未来的布局,不论是移动端还是PC端,Flex布局将成为主流。
以下是Flexbox相关的一些素材,可以学习的时候作为参考:
- Specification [w3.org]--ref
- Flexbox CSS generator [bennettfeely.com] --tool
- A Complete Guide to Flexbox [css-tricks.com]--info
- Examples on how to solve common layout problems with flexbox [philipwalton.github.io] --info
- Flexbox playground and code generator[the-echoplex.net]--tool
让我们一起领略Flexbox的魅力吧~~
欢迎大家推荐点赞
This Is King Style,Also King Show Time~Are You Ready?
热门评论