Web 开发|CSS - Flex 布局
Flex 简介
布局的传统解决方案,基于盒状模型,依赖 display
属性 + position
属性 + float
属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。
2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。
Flex 语法
这里由于一峰大佬写的很好,基本上初学者学习使用 Flex 布局,都看过他关于 Flex 布局的文章,我就直接把他的文章引用了。
阮一峰 Flex 语法篇:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
Flex 实战
这里由于一峰大佬写的很好,基本上初学者学习使用 Flex 布局,都看过他关于 Flex 布局的文章,我就直接把他的文章引用了。
阮一峰 Flex 实战篇:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
Flex 布局的 Demo
这两个是我学习 Vue 之初最经常借鉴的项目框架 Demo,在学习 Vue 过程中很好帮助开发者提升自己的搭建项目能力。
Vue Elem Admin:https://github.com/PanJiaChen/vue-element-admin
Vue Antd Admin:https://github.com/iczer/vue-antd-admin