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

Question

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

以前四个图像为例。

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

我怎样才能让所有的图像都遵循一定的规则。

标签： csscss-grid

Answer 1

我得到了答案，它对我很有效。

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