检测CSS网格自动流密集布局中的空隙,并调整元素大小。

5
使用css-grid,auto-flow dense可以通过插入元素来调整元素的布局顺序,以创建密度。在某些情况下,会出现间隙,因为没有适当大小的元素适合该空间。我的问题是是否可以在布局后检测到这种情况,如果可以,如何检测?使用JavaScript或其他任何东西都可以。
编辑:我的目标是通过某种方式创建一个完全填充的网格-最好是调整网格组件元素的大小。我希望网格不包含可变大小的列和行。用例是一份报纸,可以根据每篇文章的抽象权重(反映其重要性或流行程度)来布局封面。需要明确的是,网格元素不需要包含所有内容。
1个回答

2
我认为你在问如何识别未被占用的网格单元格。
我认为这是不可能的,因为没有网格区域占据空间,未被占用的单元格只是由布局算法设计的抽象容器。
但这是我目前最好的猜测。
以下是两个关键部分的网格规范,供任何想要研究此问题的人参考:

谢谢。我修改了帖子以澄清,虽然我在询问未被占用的单元格,但目标是填补这些空洞! - user1562766

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接