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

display: flex を使って可変個のタイルを配置します。内側のタグ (この例では div.inner) を用意しておけば、5列以上でも対応がしやすいです。

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
12