我最近遇到了一个教程,教师使用了这种语法：
display: -webkit-Box;
http://www.youtube.com/watch?v=B-MNkBh7F2A @ 2：30(2012年8月创建)
我之前没有见过这个,并开始尝试找到它的一些信息.似乎CSS3有一个叫做flexBox的东西.但是我找不到上面语法的引用.
在上一篇教程(2011年9月)之前一年写的这篇文章http://coding.smashingmagazine.com/2011/09/19/css3-flexible-box-layout-explained/中,他们使用了这种语法：
display: Box;
提到的框将被flexBox取代.
我还不确定flexBox或Box的好处是什么.我没有看到人们使用它.有人可以给出一个基本的摘要吗？
另外,为什么教程使用-webkit-Box？框webkit是否具体？他为什么不用
显示：盒子;
-webkit-Box是否仅适用于Safari和Chrome？
如果它是跨浏览器兼容的,它可以使用哪些浏览器和版本？
Box(非webkit)似乎是跨浏览器兼容的.
解决方法
我认为这个主题总结了最好的：
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