Html 如何创建最大行数等于8的网格系统

我需要创建一个网格系统作为图像的示例。 最大行数为8条； 单元格编号是可变的，可以是12、20100等。

您可以设置：

（有用资源：为您：&）

• 一个包含8行的网格模板

• 然后为列创建一个具有自动填充（或自动拟合）功能的模板

• 最后，将网格设置为逐列填充：

范例

正文{
显示：网格；
网格模板列：重复（自动填充，最小值（8em；，1fr））；
网格模板行：重复（8，1fr）；
网格自动流：列；
保证金：0；
最小高度：100vh；/*可选*/
间隙：2px；
}
/*见div*/
身体{
计数器复位：divs；
}
div{
边框：1px实心；
显示器：flex；
}
部门：以前{
字体大小：calc（12px+3vw）；边距：auto；
反增量：divs；
内容：计数器（divs）
}