4カラムの場合。
before擬似要素、after擬似要素で空白のボックスを作る。
サンプル
See the Pen 【flexbox】justify-content: space-between / Last line, left justified by 125naroom (@125naroom) on CodePen.
サンプル NG
before擬似要素、after擬似要素がないとこうなる。
See the Pen 【flexbox】justify-content: space-between 最後の行を左寄せにする NG by 125naroom (@125naroom) on CodePen.
必要なもの
4カラムの場合。
.boxArea::before {
content: "";
display: block;
width: 24%;
order: 1;
}
.boxArea::after {
content: "";
display: block;
width: 24%;
}
