如何在 CSS Grid 中设置行数为 auto-fill 并使高度生效?-灵析社区

 [https://code.juejin.cn/pen/7316068943830581274](https://link.segmentfault.com/?enc=Fcu8zTNmN2kIExhvOXmJpQ%3D%3D.DTB68oyn34TtS7vHVyXc0YYstogwpLnAjZUIOjgPoETsyIPWA5aLU%2BUev7U2Oh%2BQ) 👆 截图出自这里 ● 请问在使用 grid 布局时，如何设为行数为 auto-fill 为什么指定的高不生效？ ● 如图，第一行已经按设定显示了高度，其它几行高度不听令 ● 是不是只有在子元素 span 上设 min-height: px 才是唯一的办法 谢谢 article { margin: 20px; counter-reset: counter01; padding: 20px; background: #eee; display: grid; grid-template-columns: repeat(4, 1fr); /* 👇 指定固定行数时，设定的高度有效 */ /* grid-template-rows: repeat(5, 150px); */ /* 👇 在不指定固定行数时，设定的高度无效 */ grid-template-rows: repeat(auto-fill, min(150px, 150px)); gap: 5px; } article span{ padding: 1em; text-align: center; counter-increment: counter01; min-width: 50px; /* height: 50px; */ border: solid 1px blue; &::after{ content: counter(counter01); } } 能使行数为 auto-fill 时也让高度听指挥吗？ 谢谢