display:box和display:flexbox之间有什么区别?

时间:2012-01-09 23:41:08

标签: css css3 flexbox

我的理解是,CSS Flexible Box Layout模块正在被重写,display:box被弃用,而不是display:flexbox

目前是否在任何浏览器(发布版,测试版或每晚版)中都支持display:flexbox?有谁知道我在哪里可以找到有关flexbox新功能的信息,它与旧模块之间的区别,和/或旧模块被重写的原因?

3 个答案:

答案 0 :(得分:7)

此时好像没有好的信息。如果我找到好的信息,我会更新这篇文章。

更新:(2/20/2012)caniuse.com现在显示对新版和旧版Flexible Box布局模块的浏览器支持

更新(2012年8月7日)Chris Coyer撰写了一篇很好的文章,介绍如何区分新旧语法。 http://css-tricks.com/old-flexbox-and-new-flexbox/

答案 1 :(得分:1)

Compatibility table for flexbox support

简而言之:IE10 +,Firefox,Chrome,Safari,iOS和Android。

答案 2 :(得分:0)

正如您所提到的,截至2011年3月的工作草案,Flexbox规范中“display”的官方值为“flexbox”和“inline-flexbox”。在第一份工作草案(2009年7月)中提到了“盒子”值,并且是目前获得最广泛支持的那个,但现在应该被“flexbox”取代。