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

9

据我了解,CSS Flexbox布局模块正在重写,display:box将被弃用,改为使用display:flexbox

目前有哪些浏览器(发布版、beta版或nightly版)支持display:flexbox?是否有人知道在flexbox中有什么新的内容,与旧模块的区别是什么,以及为什么要重写旧模块的信息?


2
不,caniuse.com 指的是旧的实现,而不是新的实现。 - Philip Walton
@Philip 这是吗?看起来是基于新的工作草案 - http://www.w3.org/TR/css3-flexbox/(带有浏览器前缀...) - Brett DeWoody
1
不是这样的。看看这些例子,它们都使用 display:box - Philip Walton
啊,我改正了 :) - Brett DeWoody
3个回答

7
目前好的信息似乎不可用。如果我找到了好的信息,我会更新这篇文章。
更新:(2/20/2012) caniuse.com 现在显示新旧版本的 Flexible Box Layout 模块的浏览器支持情况。
更新:(8/7/2012) Chris Coyer 写了一篇很好的文章,介绍如何区分新旧语法。http://css-tricks.com/old-flexbox-and-new-flexbox/

你能在这里引用或概括一下文章吗?这有助于那些只是通过搜索停留在这里的人们,他们懒得点击更多链接。谢谢 ;) - BoltClock

1

这是针对 display:box 而非 display:flexbox 的,如果你看例子,它们都使用了 display:box。此外,新规范的编写始于2011年,因此FF2不可能支持它。 - Philip Walton
不,box-flex是一个属性,你可以在设置为display:box的元素的子元素上使用它。 - Philip Walton

0
正如您所提到的,根据2011年3月的工作草案,Flexbox规范中“display”的官方值为“flexbox”和“inline-flexbox”。在第一个工作草案(2009年7月)中提到了“box”值,目前已获得最广泛的支持,但应该被“flexbox”取代。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接