最後の章では、CSSの一般的な属性のいくつかについて説明し https://www.cnblogs.com/woywan/p/12599827.htmlを
この部分は、フレックスについてのレイアウトを記述します
フレックスレイアウト、柔軟な袋があるレイアウトとは何ですか
柔軟ポーチレイアウトの共通プロパティ
1.display:フレックス;ボックスは、可撓性パウチの形で表示されるだけでなく、柔軟ポーチの使用は、コードを記述することをこの文手段
2.flex方向:行、決定ボックス配置の内容は、行は、左から右へ上から下へ水平方向を表し、縦の列は、のように底部から上部へ、右から左へ、逆置換は、逆に続いて、代わって配置され上の
カラム;
行逆;
列の逆。
3.flexラップ:ノーラップ;配置をラップしないで
ラップ、ラップ配置
ラップ逆;ラップと反対向き
4.justifyコンテンツ:フレックススタート、ボックスの内容の決定レベルの構成は、ボックスは、水平配向の先頭に配置されています
中央、ボックスの内容の決定レベルの構成は、ボックスは、中央水平配向に位置しています
フレックス端、ボックスの内容の判定レベルの配置、ボックスを水平に整列配置され、テール
空間との間等の弾性のdiv DIVとしてボックスの内容の判定レベルの配置、ボックスが左に位置し、右側が配置水平に整列され、両者があり、右に整列A、左揃え
空間の周りに、ボックスの内容は、配置ボックスブランクの左右が水平に配置され、配列のレベルを決定します
5.align-アイテム:フレックススタート;垂直配向モードの決定ボックスの内容、ボックスは垂直方向の配置の先頭に位置しています
中央、決定ボックスの中央に位置するボックスの内容の垂直配置は、垂直配向
フレックス端、決定ボックスコンテンツ垂直配置、ボックスの垂直配向底部に位置します
ストレッチ;デフォルト値
ベースライン、垂直配向モードの決定ボックスの内容、ボックスは、垂直配向ベースラインに配置されています
6.flex収縮:値を、ページボックスのコンテンツのスケーリングデフォルトの幅よりも小さい場合、スケーリングは0、style属性コンテンツ内の書き込みではありません1れ