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