CSS サンプル: 可変個のタイルレイアウト (flex + gap)

display: flex と gap を使って可変個のタイルを配置します。

2列

1
2
3
4
5
6
7
8
9
10
11

3列

1
2
3
4
5
6
7
8
9
10
11

4列

1
2
3
4
5
6
7
8
9
10

5列

1
2
3
4
5
6
7
8
9
10
11