【CSS】Flexbox 最後の行を左寄せにする（space-between使用時）

4カラムの場合。
before擬似要素、after擬似要素で空白のボックスを作る。

サンプル

See the Pen 【flexbox】justify-content: space-between 最後の行を左寄せにする by 125naroom (@125naroom) on CodePen.

サンプル NG

before擬似要素、after擬似要素がないとこうなる。

See the Pen 【flexbox】justify-content: space-between 最後の行を左寄せにする NG by 125naroom (@125naroom) on CodePen.

必要なもの

4カラムの場合。

See the Pen 【flexbox】justify-content: space-between 最後の行を左寄せにする 必要なもの by 125naroom (@125naroom) on CodePen.

関連記事

【CSS】Flexboxの使い方と実装サンプル集

【CSS】Flexbox 最後の行を左寄せにする（space-between使用時）