Html 当我不'时，是否可以将网格中的所有项目放在一行中；我不知道有多少列？

我试图创建一个列数未定义的网格容器，我希望它是一行。在CSS中有什么方法可以做到这一点吗

.grid{
显示：网格；
网格间距：5px；
}
.grid>div{
背景：#ccc；
最小高度：100px；
}

---

实际上有两种方法

使用

网格模板列：重复（自动拟合，最小值（1px，1fr））。自动适应新列并确定其最小和最大宽度。更多关于和

使用

网格自动流：列。自动确定网格单元的放置行为。更多关于

.grid{
显示：网格；
网格模板列：重复（自动拟合，最小值（1px，1fr））；
网格间距：5px；
边缘底部：5px；
}
.grid2{
显示：网格；
网格自动流：列；
网格间距：5px；
边缘底部：5px；
}
.grid>div、.grid2>div{
背景：#ccc；
最小高度：100px；
}

寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的格式。请参见如何创建一个。在你的问题中显示一个预期的结果，并引用你得到的任何（确切的）错误，这也是非常有帮助的。你需要展示你自己为解决这个问题所做的任何研究