公開日:2022/09/09最終更新日:2023/01/06flexのspace-evenlyは要素を適度に並べてくれるので便利なのですが,最後の行で表示が中央寄りになってしまいます。これを左寄せにします。空の要素を加えるこの問題はCSSだけでは解決できないようですが,リストの最後に空の要素を追加すれば良いです。class="empty"></div></li></ul>手順としては,表示したい要素と同じ大きさの空の要素を作り,表示したい要素のあとにそれと同じ数だけ追加します。このようにしておかないと,リストの下に余計な空白が作られてしまいます。空要素の数は表示したい要素と同じ数だけ用意します。しておけば表示に影響しません。横方向の数があらかじめ決まっているならそのようにしても良いでしょうが,レスポンシブの場合は横方向の数はあらかじめ決まっていないことも多いので,表示したい要素の数だけ用意しておけば問題ありません。文で回した方が良いでしょう。