css - Tailwind 上的网格模板列问题

标签 css tailwind-css css-grid

我希望获得与以下链接中的自动填充效果相同的效果:

grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));

https://codepen.io/SaraSoueidan/pen/JrLdBQ

我尝试了以下方法,但不起作用

grid grid-cols-[auto-fill_minmax(100px,_1fr)]

我做错了什么?

最佳答案

您必须包含重复部分,如下所示:grid-cols-[repeat(auto-fill,_minmax(100px,_1fr))]

这是一个工作示例:https://play.tailwindcss.com/HzSYGTAji7

关于css - Tailwind 上的网格模板列问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74815827/

相关文章:

css - 使用 em 的边距和填充

angular - Tailwind css 不适用于 Angular 组件

tailwind-css - Tailwindcss 使用悬停在组悬停上

reactjs - 如何在 React Native 中使用 Tailwind 导入 - tailwind 可以缩短为 tw 吗?

Css 网格最小最大换行

html - 网格对齐水平居中不起作用

html - 网格布局对齐项不考虑网格行尺寸

javascript - 在没有javascript的情况下操作css类

php - 使 div 溢出在 x 轴上滚动

javascript - 如何使用javascript更改类名?