问如何用CSS表格制作30个自动宽度的列？
EN

Stack Overflow用户

提问于 2018-06-05 08:17:48

回答 1查看 212关注 0票数 0

我以前从未使用过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 (所有换行符后的最小列宽度)。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50690397

复制

相似问题

问如何用CSS表格制作30个自动宽度的列？EN