viewsFlexboxを使って均等配置したリストの最終行を、左揃えにする方法を紹介します。wrap;)を使って並べると、最終行が下記のレイアウトになります。最終行は左揃えにする方法を紹介します。0;}</style>ポイントulのafter(一番後ろの位置)に、liと同じ幅(高さは不要)の擬似要素を入れることで、左寄せになります。1;}</style>ポイント3列のときと違うのは、afterだけでは要素が足りないので、beforeも使います。ここで気をつけないといけないのは、beforeにorderを指定して、順番を変えることです。最後にもし5列以上ある場合は、floatを使うか、javascriptで調整できます。́▽`*)♪この記事を読んだ人はこんな記事も読んでいますCSSの【float】についてちょっと本気出して説明してみた。CSSの【float】についてちょっと本気出して説明してみた。しこのブログはWebコンテンツ総合製作の「ふたっぱ!」が運営しています。