我以前从未使用过CSS Grid,所以如果这是一个简单的问题,请原谅。我需要做一个30列宽的网格-自动宽度,可以根据浏览器窗口或父div进行调整。我已经通读了文档,但似乎找不到简单地创建x个自动宽度列的代码。我如何才能做到这一点呢?
发布于 2018-06-05 08:58:07
.grid-container {
display: grid;
grid-template-columns: repeat(30, 1fr);
}
该代码创建了一个包含30列的网格容器,其中每一列在行上都有一个equal proportion of the free space。也可以尝试将1fr
替换为auto
(内容宽度)或min-content
(所有换行符后的最小列宽度)。
https://stackoverflow.com/questions/50690397
复制相似问题