如何设置CSS网格以显示未知数量的动态数据

Question

我从数据库接收到数量未知的图像，如何设置CSS网格以容纳任意数量的图像。

举例说明前四张图像。

.grid-container {
   display: grid;
   grid-template-rows: 25px 25px;
   grid-template-colunms: 25px 25px;
}

如何使所有图像遵循特定规则。

Answer 1

我得到了一个答案，对我来说很好。

.grid-container {
    display: grid;
    grid-template-areas: "a a";
    grid-auto-rows: 25px;
}