非矩形CSS网格元素

假设我想在一个css网格布局中使用自动密集打包。有没有办法引入非矩形区域配置？例如，覆盖一行中的两列而下一行中仅一列的L型区域。我已尝试显式命名网格单元格，但不起作用。

---

解决方案

不支持非矩形网格项目。来自spec：

每个网格项都与网格区域相关联，网格区域是网格项占据的一组相邻网格单元的矩形集合。

And：

注意：此模块的未来版本可能允许使用非矩形或断开连接的区域。

(这并不意味着已经计划了这样的功能，只是说没有什么阻止将来添加这样的功能)