Flexのレイアウトパラメトリック解析

良いレイアウト、多くの利点を曲げる: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%;  //ああ、そう正当な。

 

おすすめ

転載: www.cnblogs.com/the-last/p/11448120.html