CSS3 Flexbox：显示：框与Flexbox与Flex

Question

昨天我在学校里有一个使用CSS 3 flexbox语句的网站。我以前从未用过。因此，我用Google搜索了一下，发现了很多不同样式的flexbox语句。

有些人写display: box;，有些用display: flexbox;，还有一些display: flex;。

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

Answer 1

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

保罗·爱尔兰的名言

警告：Flexbox进行了一些重大修订，因此本文已过时。总而言之，本文所基于的旧标准（Flexbox2009）是在v4以来的Chrome，v2以后的Firefox和IE10 beta中实现的。

从那时起，新的flexbox标准在Chrome17中首次亮相，并开始在Chrome17中首次亮相。StephanHay编写了有关新的flexbox实现的指南。从那时起，该规范进行了命名更改，该更改开始在Chrome 21中着陆。Chrome22稳定地实施了最新规范。

在这一点上，实施任一方法都有其风险，因此请注意。

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

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