我最近遇到了一个教程，其中讲师使用了这种语法：
display: -webkit-box;
http://www.youtube.com/watch?v=B-MNkBh7F2A @ 2:30（创建于 2012 年 8 月）
我以前没有见过这个，并开始试图找到一些关于它的信息。似乎 CSS3 有一个叫做 flexbox 的东西。但我找不到上述语法的引用。
在这篇文章http://coding.smashingmagazine.com/2011/09/19/css3-flexible-box-layout-explained/中，写于上述教程的前一年（2011 年 9 月），他们使用以下语法：
display: box;
并且提到的盒子将被替换为弹性盒子。
我仍然不确定 flexbox 或 box 的好处是什么。我没有看到人们使用它。有人可以给它一个基本的总结吗？
另外，为什么教程使用-webkit-box？盒子webkit 是特定的吗？他为什么不使用
展示：盒子；
-webkit-box 是否意味着它仅适用于 Safari 和 Chrome？
如果它是跨浏览器兼容的，它适用于哪些浏览器和版本？
box（非 webkit）似乎是跨浏览器兼容的。