CSSにおける親要素に沿ったフレックス要素の配置

プロパティ justify-content に設定された値 space-between は、 要素を親要素に沿って均等に分散させます。 このとき、要素間のスペースは自動的に計算されます。 最初の要素は左端に、最後の要素は右端に配置されます。

例を見てみましょう：

css.parent {
  display: flex;
  justify-content: space-between;
}

コードの実行結果：