为每个循环创建CSS网格



所以我在网上找到了这段代码的一部分,我被这个简单的问题困了几个小时。我试图添加属性grid-rowgrid-column到单元格类,因为我想添加一个重叠所有单元格的DIV。

这是我目前得到的行为:https://svelte.dev/repl/4888e5b498a442298ca8862a68b55ee6?version=3.49.0

这是预期的工作最终结果,但这里属性grid- rowgrid-column在单元格类中缺失:https://svelte.dev/repl/8da356605a36450187cbcbcdaf4a6188?version=3.49.0

非常感谢你的帮助!

each索引是基于0的,网格属性是基于1的,所以你可能需要:

style="grid-row: {i + 1}; grid-column: {j + 1};"

或与样式指令:

style:grid-row={i + 1}
style:grid-column={j + 1}

最新更新