CSS3 Flexbox处理方案

长期以来，CSS 一直缺乏合适的布局机制。 变形，动画，滤镜，对这门伟大的语言来说都很有使用的补充的，但是都没有处理 Web 开发人员一直抱怨的的主要的看起来似乎是永恒的问题。

终于，感谢Flexbox ，我们有了一个处理方案。查看说明、DEMO及项目源代码：Flexbox处理方案

这个网站不是另一个CSS框架。相反，它的目的是展现曾经很困难甚至无法单独用 CSS 能处理的问题，而现在用Flexbox简单易使用。随着最近发布的Internet Explorer 11和Safari 6.1，最新的Flexbox规格已经被每一个的现代浏览器支持（愚人码头注：浏览器的支持请客，你可以看 http://caniuse.com/#feat=flexbox）。

在Web检查器（天涯孤雁注：开发者工具）中查看样式或者深入理解 源代码，看看Flexbox成为主流后CSS布局会变得多么容易。

这个处理方案主要提供了以下几个应使用：

• 更好，更简单的栅格系统Flexbox： 满足了我们大部分对于栅格系统的需求。并且尺寸、对齐仅使用一两个属性就能搞定。
• 圣杯布局：这是一个经典的 css-hack 布局挑战，历史上出现的方案都没有完美处理。直到 Flexbox 布局的出现，终于成为可能。
• 输入附加组件：创立全宽度，流式的输入/按钮组在 CSS 的历史中几乎不可能。有了 Flexbox 布局，一切将会变得更简单。
• 媒体对象：创立含有固定或者变化的头像的媒体对象，不使用担心溢出(overflow)，清理浮动(clearfixing)，或者者块格式化内容(block formatting context)等 hack 。
• 粘性页脚：让你的页脚粘在底部一直以来是一个技巧。假如页脚的高度未知，那么基本上就不可能了。现在不再如此。
• 垂直居中：这个经典的问题问题一直被 CSS hackers 挑战了很多年，历史的处理方案没有一个能够完整地处理。有了 Flexbox 布局，终于成为了可能。