CSS3のフレキシボックス水平整列

Question

私はクロームでdisplay: box

との絶対位置のdivそれはdiv要素の子を水平方向に揃え、完全に正常に動作しますが、Firefoxで動作するようには思えないがあります。

私がposition: absoluteを削除すると、両方のブラウザでうまく動作しますが、それが必要です。

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

Answer 1

あなたは全く別のものを意味し、それらのどれも最後これが存在しないという単純な理由のためにdisplay: boxと一致していないし、（CSSの仕様はなりませんでしょう決して使用している実験的な表示タイプdisplay: flexboxを使用して、すべての接頭語「ボックス」ディスプレイとは全く異なる動作であり、これらのディスプレイは互いに非常に異なる挙動を有する）。

意味が異なるので、ブラウザのセクションでは、絶対的に配置された要素の表示値がblockまたはtableに多少異なっていることを示しています。 Geckoは-moz-boxをblockに変更します。 WebKitは-webkit-boxを他のものに変更しません。

あまりにも遠く離れていなくても消えそうな実験的なディスプレイの種類は使用しないことをお勧めします。 の場合にはを使用する必要があります。おそらく、あなたの "ボックス"の周りにブロックを囲み、そのブロックを配置したいと考えています。