显示：flex，box，flexbox？
我们中的很多人都知道，在CSS3中引入新的灵活框模型之后，像inline和block这样的display属性的旧值已经过时。 但是，我们可能会在同一个灵活盒子模型中发现网络上的不同信息。
我们可能会发现主要有3种不同的display属性值，即flex ， box和flexbox 。 这三款灵活盒子型号与使用哪一款机型有何区别？
你可以使用你需要支持的浏览器。
display: box
据我所知，通过box-lines: multiple包装box-lines: multiple不在任何浏览器中实现。
display: flexbox
显示：flex - 当前的标准
http://caniuse.com/#feat=flexbox（请注意，IE10是唯一标记为支持包装的部分支持的浏览器）
flexbox和flex的规格非常相似，没有理由不包括两者，尤其是因为IE10仅支持flexbox规范。 虽然几乎所有的属性都与flexbox / flex规范中的属性类似，但box的规格是非常不同的，可能不值得包括取决于您之后的效果。
您可能会发现有一些浏览器支持多种规格。 可能会有一段时间他们会放弃对旧规格的支持，因此请务必确保包含flex属性。
据我所知，以上三种不同版本的灵活盒子模型可以按年龄分类。
display: box - 这是2009年左右被接受为最新型号的第一款灵活盒子型号。不要使用它。
display: flexbox - 这款灵活的盒子模型于2011年发布，目前仍在开发中。 不要使用它。
display: flex - 这是目前最新的灵活盒子模型，它是最新的盒子标准。 这可能会进一步发生一些变化，但这比其他两个标准更受欢迎。