CSS3 Flexbox的水平對齊絕對DIV

Question

我有一個display: box

在Chrome中它工作完全正常的絕對定位的div，在div對齊的孩子水平，但在Firefox它似乎並沒有工作。

如果我刪除position: absolute這兩個瀏覽器工作正常，但我需要它。

例子：http://dabblet.com/gist/1716069

Answer 1

你使用的意思是完全不同的東西，沒有人原因很簡單匹配display: box，這最後不存在，永遠不會（CSS規範將實驗顯示類型使用display: flexbox，與所有前綴「盒子」顯示的行爲完全不同，所有這些行爲都具有彼此不同的行爲）。

由於他們的意思是不同的東西，瀏覽器處理CSS的是說，絕對定位的元素有其顯示值變爲block或table有所不同的部分。壁虎將-moz-box更改爲block。 WebKit不會將-webkit-box更改爲其他任何內容。

我建議不使用的要在不太遠消失過未來的實驗顯示類型。如果你做必須使用它們，你可能想要圍繞你的「盒子」包圍一個塊並定位該塊。