3列の場合
点線の箇所(::after)は実際には何も表示されません。分かりやすくするためにスタイルをつけています。
最後の行のアイテム数が3の場合
- .child
- .child
- .child
- .child
- .child
- .child
最後の行のアイテム数が2の場合
- .child
- .child
- .child
- .child
- .child
最後の行のアイテム数が1の場合
- .child
- .child
- .child
- .child
4列の場合
点線の箇所(::afterと::before)は実際には何も表示されません。分かりやすくするためにスタイルをつけています。
最後の行のアイテム数が4の場合
- .child
- .child
- .child
- .child
- .child
- .child
- .child
- .child
最後の行のアイテム数が3の場合
- .child
- .child
- .child
- .child
- .child
- .child
- .child
最後の行のアイテム数が2の場合
- .child
- .child
- .child
- .child
- .child
- .child
最後の行のアイテム数が1の場合
- .child
- .child
- .child
- .child
- .child