布局的传统解决方案，基于盒状模型，依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。之前的博客中也利用这一解决方案解决过居中布局等等问题。详见 css-- 布局和 css-- 全屏布局。2009 年，W3C 提出了一种新的方案 ----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。

在移动端开发中，并不是所有的浏览器，webview，微信等各种版本都支持标准的 flex， 但是基本上都会支持 - webkit-box，所以 flex.css 的主要作用是保证每一个属性都能支持标准 flex 或旧版本的 - webkit-box。 由于 flex.css 采用了 autoprefixer 编译，所以能够保证在浏览器不支持标准 flex 布局的情况下， 回滚到旧版本的 - webkit-box，保证移动设备中能呈现出一样的布局效果。 于是，一款移动端快速布局的神器诞生了...

最简单实用的 Flex 布局教程，30 分钟让你学会 Flex 语法基础。

什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它，但是我想我们都会有一个共同的经历，面对它的各种版本，各种坑，傻傻的分不清楚，flex.css就是对flex布局的一种封装，通过简洁的属性设置就能使得它完美的运行在移动端的各种浏览器，…