フレックスボックス(Flexbox)
Home > 設計 > フレックスボックス

■水平方向
・Start - 左揃え
・Center - 中央揃え
・End - 右揃え
・Space between - 端から端までで均等揃え
・Space around - 端の感覚も含めて均等揃え
■垂直方向
・Start - 上揃え
・Center - 垂直中央揃え
・End - 下揃え
・Space between - コンテナの高さ全体に伸ばす
・Space around - ベースラインで揃える

Display Setting/Flex Flex Layout/Horizontal 水平方向/Start 垂直方向/Start
Display Setting/Flex Flex Layout/Horizontal 水平方向/Center 垂直方向/center
Display Setting/Flex Flex Layout/Horizontal 水平方向/End 垂直方向/End
Display Setting/Flex Flex Layout/Horizontal 水平方向/Space between 垂直方向/Space between
Display Setting/Flex Flex Layout/Horizontal 水平方向/Space around 垂直方向/Baseline