Html CSS表格布局，有n行，扩展为列

我一直在努力解决这个CSS布局。我有

n

项，其数量可能会动态增加。我只想有

n

行和许多或无限列的布局

那么，假设

n

是2，我有3项，我的项应该是这样的

-----------
| 1 || 3 |
-----------
| 2 |
-----------

对于相同的

n

，具有6个项目

-----------------
| 1 || 3 || 5 |
-----------------
| 2 || 4 || 6 |
-----------------

等等

我尝试过用

float:left

修补它，但没有运气。现在我正在学习flex布局，这让我陷入了困境

请帮忙：）这是我的

注意：我的所有项目都将具有相同的

宽度

和

高度

类似的内容

.items{
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
}
/*下面这只是样式*/
.项目{
背景色：#0f9c8a；
填充：4px；
高度：250px；
宽度：100%；
}
.项目{
宽度：100px；
高度：100px；
背景色：#6f6ac2；
边框：1px实心#fff；
保证金：2倍；
文本对齐：居中；
线高：100px；
}

项目1
项目2
项目3
项目4
项目5

是的，是这样的。。但是

.items

宽度必须是

100%

而不是

px

？它们是否也可以向左对齐？我也曾尝试过在运气不佳的情况下使用

justify content

。。行数只能通过

的高度来设置。items

？很抱歉，这里的flex真的是新手。一点也不，你当然可以使用固定宽度，在这个

的宽度中。items

设置为

1000px

，请给我一些时间检查对齐情况哦，我以前有

2500px

，我认为它不起作用。看来第三件和其他物品都在那里。。我的坏..如果添加

align内容：flex start到
.items
它将向左对齐，如图所示，欢迎使用，我很高兴它有帮助，享受编码吧！