justify-content水平方向揃え flex-start 左揃え flex-end 右揃え center 中央揃え space-between 両端配置 space-around 均等配置 align-items垂直方向揃え flex-start 上揃え flex-end 下揃え center 中央揃え baseline ベースライン stretch 高さ揃え justify-content水平方向揃え flex-start 上揃え flex-end 下揃え center 中央揃え space-between 両端配置 space-around 均等配置 align-items垂直方向揃え flex-start 左揃え flex-end 右揃え center 中央揃え baseline ベースライン stretch 高さ揃え
![FLEX LAYOUT GENERATOR | フレックス レイアウト ジェネレーター](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6d2b3bd8cffaf97ea35dc8156e1b0936ba262c0/height=288;version=1;width=512/http%3A%2F%2Fsuiq.jp%2Fflex-layout-generator%2Fogp.jpg)