space-betweenを使う際の最後を左寄せ

display:flex;で、space-betweenを使った際に、
最後の要素を左寄せにするための設定のデモになります。
TB/SPでの表示は適当な設定になっています。

何も設定しない場合

疑似要素を設定した場合

2列目が1個でも変わらず対応してくれます。

4列表示で何も設定しない場合

4列表示で::afterの設定をした場合

4列表示で::beforeと::afterの設定をした場合

order:1を入れなかった場合

ブログ記事