css3 flexbox水平对齐绝对div

时间:2012-02-01 09:12:45

标签: firefox css3 flexbox

我有一个display: box

的绝对定位div

在Chrome中,它工作得很好,div的子项水平对齐,但在Firefox中似乎不起作用。

如果删除position: absolute,它在两种浏览器中都能正常工作,但我需要它。

示例:http://dabblet.com/gist/1716069

1 个答案:

答案 0 :(得分:0)

你正在使用的实验性显示类型意味着完全不同的东西,并且它们都不匹配display: box,原因很简单,因为这最后一个不存在而且永远不会(CSS规范将使用{{1所有带有前缀的“框”显示的行为完全不同,所有这些行为都有不同的行为。)

由于它们意味着不同的东西,浏览器会处理CSS部分,该部分表示绝对定位的元素的显示值更改为display: flexboxblock略有不同。 Gecko将table更改为-moz-box。 WebKit不会将block更改为其他任何内容。

我建议不要使用将在不太遥远的未来消失的实验性显示类型。如果您必须使用它们,您可能希望在“框”周围包裹一个块并定位该块。