justify-content

flexの基本レイアウト　その2

flexレイアウトの解説記事その２。flexアイテムの縦方向の整列・余白について説明します。display:flex を指定すると子要素に指定したheightは無視され、均等の高さに整列されますが、align-items、align-selfを指定することで変更することができます。

とりあえずこれだけ。flexの超基本レイアウト

この記事から４回に分けてflexレイアウトについて解説していきたいと思います。flexは子要素をすべて一方向に並べるcssプロパティです。flexアイテム（子要素）は元のwidth、heightを失い、最小幅、同じ高さに統一されて一方向に並びます（*初期値の場合）。