第二に、互換性
/ *親要素 - 横方向(スピンドル)に配置* /
表示:ボックス(伸縮ボックスの最も古いバージョン)
表示:-webkit-ボックス; / * IOSの6-、サファリ3.1-6 * /
表示:-webkitフレックス; / * *クローム/
表示:-moz-ボックス; / 。Firefoxの19 * /
表示:-ms-のフレキシボックス;
ディスプレイ:フレックス; / * Flexコンテナ* /
/ * *方向/
-webkit-フレックス方向:行;
-mozフレックス方向:行;
-ms-フレックス方向:行;
-O-フレックス方向:行;
フレックス方向:行;文法の【新規】バージョン
- / *親要素水平方向の中央には、* / [新]文法のバージョン(横方向の主軸を有効にするにはある)
;センター:-webkit-ザ・正当化-コンテンツを
;:-moz-ザ・正当化し、コンテンツセンター
;センター:-ms-ザ・正当化-コンテンツを
-oコンテンツ-正当化:センター;
正当化-コンテンツを:センター;
/ *子要素- (垂直軸上のシャフト側の)垂直中央* / [新しいバージョン文法
-webkit-ALIGN =左アイテム:センター;
-moz-ALIGN =左の項目:;センター
=左アイテムアライン-ms:センター。
=左のアイテムを揃える- O:センター;
=左アイテム整列:センター。
/ *父元素-横向换行* /
-webkit-フレックスラップ:ラップ;
-moz-フレックスラップ:ラップ;
-ms-フレックスラップ:ラップ;
-o-フレックスラップ:ラップ;
フレックスラップ:ラップ;
/ *子元素-平分比例* /
-prefixボックスフレックス:1; / *古いスペックのWebKit、MOZ * /
-webkit-ボックスフレックス:1; / * OLD - IOSの6-、サファリ3.1-6 * /
-webkitフレックス:1。/ *クローム* /
-moz-ボックスフレックス:1; / * Firefoxの19インチ* /
-ms-フレックス:1; / * IE 10 * /
幅:20%。
フレックス:1; / * NEW、オペラ12.1は、Firefox 20+ * /
フレックス:2;
デフォルト値はフレックスストレッチを書き込めませんすることはできません。
/ *子要素-ソースドキュメント* /の表示順序変更するための
-prefix-ボックス・グループORDINAL :. 1; / *古いスペック、正でなければなりません* /
-webkit-ボックス・グループ-ORDINAL:2;
-moz-ボックスグループ-序:2;
-ms-フレックス受注:2;
-webkit-受注:2;
注文:2;
注文:. 3。
構文[古い]
/ *中央* /
ボックスパック:センター; //水平
ボックス整列:センター; //垂直
-webkit-ボックスパック:センター;
-webkit-ボックスアライン=左:センター;
-moz-ボックス-pack:センター;
-moz-Boxの-ALIGNは=左:センター;
-ms-フレックスパック:センター;
-ms-フレックスALIGN =左:センター;
/*子元素方向 */
-webkit-box-orient:horizontal;
-moz-box-orient:horizontal;
-ms-box-orient:horizontal;
-o-box-orient:horizontal;
box-orient:horizontal;