CSS Flexbox 布局 : old version (for working on old browser)

Question

我知道 CSS 中有 3 个版本的 FlexBox。旧版、Tweener 和新版:根据:http://css-tricks.com/old-flexbox-and-new-flexbox/

我的问题:那个版本有什么不同吗？

display: webkit-box;

display: box;

我知道是 OLD 语法版本，但哪个版本更旧？

对于较旧的浏览器兼容性(android 浏览器 2.3)，我需要使用哪一个？

Answer 1

为了回答您的问题，display:webkit-box 和 display:box 基本上是相同的版本(Flexbox 版本 1)。只是不同的浏览器开始使用前缀(-webkit、-moz 等)开始实现新属性，然后开始支持不带前缀。我想从技术上讲，您可以说 -webkit-box 更旧，因为这是浏览器首先支持的，但它与 Flexbox 版本 1 相同。

要涵盖所有浏览器版本，请列出该属性的所有浏览器前缀，然后最后在没有前缀的情况下结束。所以对于这个版本的 Flexbox，它将是:

display: -moz-box; //Firefox
display: -ms-box; //IE (in theory only, wasn't implemented. Not for use) 
display: -webkit-box; //Safari, Chrome
display: box; //W3C offical spec (in theory only, wasn't implemented. Not for use)