webkit框vs boxflex
我最近碰到了一个教程，教师使用了这个语法：
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。
我仍然不确定Flexbox或Box的好处是什么。 我没有看到有人使用它。 有人能给出一个基本的总结吗？
另外，为什么本教程使用-webkit-box？ box webkit是特定的吗？ 他为什么不使用
显示：框;
-webkit-box是否意味着它只能在Safari和Chrome中使用？
如果它是跨浏览器兼容的，它可以使用哪些浏览器和版本？
盒子（非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
-webkit-box是最新的，它可以节省很多时间来使用需要大量JavaScript的旧式样式，所以在使用webkit进行设计时，您将按照最新标准进行工作，并节省大量工时。
链接地址: http://www.djcxy.com/p/71485.html