各プロパティの使い方をわすれないようにしたメモです。inline-flex;}flex-direction(方向,向き)主軸の方向を設定することができます。column-reverse;}1234align-items(縦方向の位置,上下中央)垂直方向を設定することができます。stretch(初期値)親要素の高さを満たすように配置されます。flex-end;}1234space-between最初と最後のアイテムは親要素の端に寄せられながら、均等に配置されます。space-around;}1234天地中央,上下中央align-itemsとjustify-contentで、天地中央にすることも可能です。center;}1234flex-wrap(アイテムの折り返し)単一のラインを持つ場合においてはこのプロパティは効果がありません。320px;を設定しています。コンテナからあふれ出す場合もあります。scrollを設定しています。nowrap;}123456789101112131415161718192021222324wrap必要があれば、横複数行に配置され、左から右へ、上から下へ、の順番に配置されます。wrap;}123456789101112131415161718192021222324wrap-reverse必要があれば、横複数行に配置され、左から右へ、下から上へ、の順番に配置されます。wrap-reverse;}123456789101112131415161718192021222324align-content(複数のラインの縦位置)単一のラインを持つ場合においてはこのプロパティは効果がありません。320px;を設定しています。space-around;}123456789101112131415161718192021222324子要素について子要素にも、いくつかのプロパティーが用意されています。親コンテナ内のスペースをどれだけ占有するかを指定します。1)親コンテナ内のアイテムが、残りのアイテムと比較してどのくらい縮まるかを指定します。「0」に指定した場合は、オリジナルのサイズを維持する。auto)アイテムの垂直方向の位置を、親要素のプロパティーである、align-itemsの値を上書きして配置することができる。0)アイテムをレイアウトに使用する順序を指定します。値の昇順に配置されます。値が同じ要素は、ソースコード内で現れる順に配置されます。