webkit box与box webkit

Question

最近，我遇到了一个教程，教员在其中使用了以下语法：

display: -webkit-box;

http://www.youtube.com/watch?v=B-MNkBh7F2A @ 2:30 (2012年8月创建)

我以前没看过这个，开始尝试找一些关于它的信息。CSS3似乎有一种叫做柔性盒的东西。但我找不到上述语法的引用。

在本教程(2011年9月)之前一年编写的本文http://coding.smashingmagazine.com/2011/09/19/css3-flexible-box-layout-explained/中，他们使用了以下语法：

display: box;

上面提到的盒子将被柔性盒取代。

我仍然不知道柔性盒或盒子的好处是什么。我没看到有人在用它。有人能给出一个基本的总结吗？

另外，为什么本教程使用-webkit-box？盒子webkit具体吗？他为什么不用

展示:盒子；

webkit-box是否意味着它只适用于Safari和Chrome？

如果它是跨浏览器兼容的，它与哪些浏览器和版本一起工作？

box (非webkit)似乎是跨浏览器兼容的。

Answer 1

我认为这个主题总结得最好：http://css-tricks.com/old-flexbox-and-new-flexbox/

基本上，Flexbox有3种不同的标记“迭代”。2009年的旧标记，2011年的旧标记，以及尚未正式发布或支持的“新”标记。值得注意的是，尽管你链接到2012年上传的视频，制作视频的人使用的是2009年真正老旧的flexbox。我建议不要遵循那篇教程。

下面是更多的资源：http://www.w3.org/TR/css3-flexbox/ http://dev.w3.org/csswg/css-flexbox/

我能用吗？http://caniuse.com/#search=flexbox

Answer 2

webkit -box是最新的，它节省了大量使用旧风格的时间，这需要大量的javascript，所以在使用webkit进行设计时，您正在按照最新的标准制作您的作品，并且大大节省了人工时间。