非矩形CSS网格元素

Non-rectangular CSS grid elements(非矩形CSS网格元素)

问题描述

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

推荐答案

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

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

And：

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

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

这篇关于非矩形CSS网格元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！