CSS3 Flexbox：ディスプレイ：ボックスvs.フレックスボックスvs.フレックス

昨日、CSS3フレックスボックスステートメントを使用するウェブサイトを学校で入手しました。私はそれを前に使ったことがありません。それで私はそれを少しググって、flexboxステートメントの多くの異なるスタイルを見つけました。

何人かの書き込みdisplay: box;、いくつかの使用display: flexbox;、および他のdisplay: flex;。

では、違いは何ですか？どちらを使うべきですか？

これらは異なるスタイルです。
display: box;は2009年
display: flexbox;のバージョンです。
display: flex;は2011年のバージョンです。は実際のバージョンです。

ポールアイリッシュの引用

警告：Flexboxはいくつかの主要な改訂が行われているため、この記事は古くなっています。要約すると、この記事の基になっている古い標準（Flexbox 2009）は、v4以降のChrome、v2以降のFirefox、およびIE10ベータ版に実装されていました。

それ以来、新しいフレックスボックス標準がデビューし、Chrome 17でデビューし始めました。StephanHayは、新しいフレックスボックスの実装に関するガイドを作成しました。それ以来、仕様はChrome 21に導入され始めた名前の変更を受けました。Chrome22は、最新の仕様を安定して実装しています。

この時点で、どちらかを実装することにはリスクがありますので、注意してください。

これは、さまざまなフレックスボックスステートメントに関するブログです。
これは、さまざまなバージョンに関するcss-tricksによるブログエントリです。

フレックスボックスを使用するときは、常に次のように記述します。

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

編集：
それでも、誰もがフレックスボックスレイアウトを表示できるブラウザ/デバイスを持っているわけではありません。したがって、フォールバックソリューションまたは代替案については、flexboxを使用せずにflexboxを使用する方法に関するKenanYusufによるこの記事があります。

仕様は、参照、多くの反復を経た2009年、2012年、2013年と値が変更されたたびに。display: flex;最新です。

これはまだドラフト仕様であるため、現在の実装は変更される可能性があります。

表示：フレックス; 現在、最新のより良いバージョンであり、コードで使用できます。

だから、そのために行きます。