CSS3 Flexbox：显示：box vs. flexbox vs. flex

昨天我在学校找到了一个使用 CSS 3 Flexbox 声明的网站。我以前从未用过那个。所以我用谷歌搜索了一下，发现了很多不同风格的 Flexbox 语句。

有些人写display: box;, 一些使用display: flexbox;， 和别的display: flex;.

那么有什么区别呢？我应该使用哪个？

这些是不同的风格。
display: box;是2009年的版本。
display: flexbox;是2011年的版本。
display: flex;是实际版本。

保罗·爱尔兰的名言

警告：Flexbox 已经进行了一些重大修改，因此本文 已过期。综上所述，旧标准（Flexbox 2009） http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/， 哪个 本文基于，自 v4 起在 Chrome、Firefox 中实现 自 v2 和 IE10 beta 以来。

自那以后，新的Flexbox标准首次亮相 http://dev.w3.org/csswg/css-flexbox/并开始出道于 Chrome 17。Stephan Hay 有写了一篇关于新的 Flexbox 的指南 执行 http://www.the-haystack.com/2012/01/04/learn-you-a-flexbox/。从那时起，该规范经历了命名更改， 开始登陆Chrome 21。Chrome 22有稳定的实现 最新规格。

此时，实施有其风险 http://html5please.com/#flexbox，所以要注意。

Here http://www.html5rocks.com/en/tutorials/flexbox/quick/是关于不同 Flexbox 语句的博客。
This http://css-tricks.com/old-flexbox-and-new-flexbox/是 css-tricks 撰写的关于不同版本的博客文章。

当我使用flexbox时，我总是这样写：

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

Edit:
仍然不是每个人都有能够查看 Flexbox 布局的浏览器/设备。因此，对于后备解决方案或替代方案，有本文 http://kyusuf.com/post/almost-complete-guide-to-flexbox-without-flexbox作者：Kenan Yusuf 讲述如何使用flexbox而不使用flexbox.