良いレイアウト、多くの利点を曲げる:BFCをサポートしながら、静的なストリームファイル、空間の概念を、あなたは単に、プロの1次元空間レイアウト動的にスペースを割り当てることができ、主流のスタイルを調整することができます
だから、多くの利点は、伸縮性があるので、レイアウトの利用を促進します。
スペースが用意されていますフレックス方向、ポジショニングこれらのは、親ノードを再設定することができます。
内部の1つの設定:拡張可能、圧縮可能、課金、残りのスペースを占め、独立したアラインメント。子ノードを設定する必要があります。
あなたはフレックス項目を省略することができ、設定することを学ぶ必要がある属性:Flexは、成長 | フレックスシュリンク | フレックス基礎 | 注文 | =左自己を揃えます。
そして、デジタルオート、例えば:
フレックス:1オート; // フレックス:のように自動効果
ブラウザが解析した後に2つの変数の属性は、1に設定され、最後のベース幅と高さが自動に設定され、最高の優先度は、屈曲特性が点の値の調整を行うために、フレックス基礎で説明しました。
フレックス成長: 1;
フレックス収縮: 1;
フレックス基礎: 自動;
いずれも、特別な設定のクラス:
フレックス:なし; //は、その弾性効果を失い、そしてディスプレイ:ブロック;幅:自動;同じ効果、注意を払う:設定なしプラス他の値は違法ではありませんがあります。
ブラウザを解析した後:
フレックス成長:0 ;
フレックス収縮:0 ;
フレックス基礎: 自動;
状況の数:
フレックス:1;
非子ノードは、フレックス上でこのように、通常は以下のとおりです:ブラウザが解析した後に1、そのようなケースで、すべてのアイテムを処理するために子ノードが収縮し、成長スペースパラメータ、それは按分することができます。
フレックス成長:1 ;
フレックス収縮:1 ;
フレックス基礎: 0%。
例二つの数:
フレックス:2 1。
ブラウザを解析した後:
フレックス成長:2 ;
フレックス収縮:1 ;
フレックス基礎: 0%。
3桁の状況
フレックス:2 1 2; //合法ではない、ベース値は、割合としてのユニット、PX、EMこれらの特定のユニット使用可能でなければなりません。
フレックス:2 2 5%; //ああ、そう正当な。