柔軟なポーチは、彼らのトレーニングサイコロを訓練する必要があります
以下柔軟ポーチの特性のいくつかであります
柔軟ポーチ:
制御サブレイアウト要素:表示:フレックス要素は、現在の親サブエレメントカセッテ制御するように弾性となる
スピンドル配列方向:(属性は、親要素に追加)
フレックス方向:行デフォルト軸X軸
フレックス方向:行反転反対方向にスピンドル横
フレックス方向:カラムチェンジスピンドル(縦軸スピンドル)
フレックス方向:カラム逆スピンドル長手方向反対側に
スピンドルアラインメント:(属性は、親要素に追加)は
、コンテンツを正当化:フレックススターデフォルトは
正当化-content:屈曲端軸端
正当化コンテンツ:中央の中心は
両方の空間の間のヘッドとテールの端部ピッチで整列していない:コンテンツ正当化
空間の周りに自己整合離間中間体:正当化コンテンツ
親要素に側軸配向:(属性をプラス)
アルギン-項目:フレックススター・デフォルト・
アルギン-アイテム:フレックスエンドターミナル
アルギン-アイテム:センターセンター
制御サブエレメントラップ(親要素プラスに属性)
フレックスラップ中間ラップは全くピッチラップしない
フレックスラップは:逆ラップ逆配列が最終的に素子の上方に離間中間ラップ
フレックスラップ:なしラップラップされていない
行列間の位置合わせは、Flex-ラップを追加する必要がありますラップ;
=左コンテンツの整列:フレックススタートップが開始
ALIGN-コンテンツ:屈曲エンドラップ中間端に隙間なく
整列コンテンツを:中央集中
ALIGN-含量:スペースアラウンド中心間隔は自動的に状態割り当てられ
ALIGN-コンテンツを:スペースとの間の中央からの距離に垂直に固定された掲示
制御サブ側軸配向要素(子要素が作動特性に加え)
=左自己を整列:デフォルト自動
ALIGN-自己:中心側シャフト中央
ALIGN-自己:ストレッチサブエレメントの高さ制御を追加することができないか、引張を達成することができません
ALIGN-自己:フレックス端側軸端を
ALIGN-自己:シャフトの屈曲星側を先頭に
整列自己:注文番号(受付負の値)子要素を添加した後、
残りのスペースに自動的に割り当てられている
追加の要素必要な要素には、フレックス追加される:1つの伸延他の要素が自動的に維持される
フレックス値が0の収縮である場合、ないシュリンク
フレックスシュリンク:1つの幅を超えない
集合ユニットVWの
HTML {フォントサイズ:デザインは、の写真は640ピクセル 31.25vw}
デザインの写真は750px:HTML {フォントサイズ: 26.67}
画素PXをスイッチREM
-measuredサイズ/ 100 = REM
プラグ➗200導入することなく、
可動端調製:(設定する共通のスタイル)
.clear_fix:;表示:{コンテンツの後「」:ブロックとクリア:両方;高さ:0 ;オーバーフロー:隠された;可視性:隠された;}
HTML、本体{高さ:100%;}
本体{ディスプレイ:フレックス、フレックス方向:カラム;}
{フォントサイズHTML:26.67vw;}
* {ボックス・サイズ:ボーダーボックス;}(奇妙なボックス)
特性:(子要素に適用される)画素の次の行は、順序()より大きい
属性:屈曲収縮:0;スピンドルのオーバーフロー可動端