使用css-grid,自动流密可以通过按顺序插入元素以创建密度来调整元素的布局。在某些情况下,会有间隙,因为没有合适大小的元素适合该空间。我的问题是布局后是否可以检测到这种情况?使用JavaScript或其他任何方法都可以。
编辑:我的目标是通过某种方式创建一个完全填充的网格-最好是调整网格组成元素的大小。我更喜欢一个没有大小可变的列和行的网格。用例是一份报纸,可以根据每篇文章的抽象权重来布局首页,以反映其重要性或受欢迎程度。需要明确的是,grid元素不需要包含所有内容。
答案 0 :(得分:2)
我认为您要问的是如何识别未占用的网格单元。
我认为这是不可能的,因为如果没有网格区域占用空间,那么空闲的单元格只是一个抽象容器,仅设计用于布局算法。
但这是我目前的最佳猜测。
在网格规范中,有两个关键部分可供任何人研究: