css3 flexbox のjustify-contentを使うと簡単に様子を並べたり、均等に配置することができます。 その中で、「space-between」というプロパティを使えば両端に要素を配置し均等に隙間を開けることができます。 ただこの「space-between」には問題があって折り返し時に要素が両端に配置されるため真ん中が空いてしまうのです。 調べたところ同じように悩んでいる方もおり、参考にさせて頂きました。 ありがとうございます。 「参考記事」 Flexboxのjustify-contentで最後の行を左寄せにする方法 Flexbox で全体を中央に配置しつつ最後の行を左揃えにする ただ、ここで扱われていたのはjavascriptで要素を末尾に追加し隙間を埋めるという対応でした。 出来れば、css オンリーで出来ないかと考えたのでやってみました。 問題の space-bet