javascript - 检测 css-grid 自动流密集布局中的孔并调整然后调整元素大小

标签 javascript css dom css-grid

使用 css-grid,auto-flow dense 可以通过乱序插入元素来调整元素的布局以创建密度。在某些情况下会存在间隙,因为没有适合该空间的尺寸合适的元素。我的问题是我是否可以在布局后检测到这种情况,如果可以,如何检测?使用 JavaScript 或其他任何东西都可以。

编辑:我的目标是通过某种方式创建一个完全填充的网格——最好是调整网格的组成元素的大小。我更喜欢没有可变大小列 行的网格。用例是一份报纸,它可以根据每篇文章的一些抽象权重来布局首页,以反射(reflect)其重要性或受欢迎程度。需要明确的是,网格元素不需要包含所有内容。

最佳答案

我想你问的是如何识别未占用的网格单元。

我不认为这是可能的,因为没有网格区域占据空间,未被占用的单元格只是一个抽象容器,仅供布局算法使用。

但这是我目前最好的猜测。

这里有网格规范中的两个关键部分,供任何想要研究的人引用:

关于javascript - 检测 css-grid 自动流密集布局中的孔并调整然后调整元素大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52500588/

相关文章:

JavaScript 映射和过滤基本对象数组

html - 对齐 Twitter、FB Share、LinkedIn 按钮

javascript - 撤消实现 - DOM 操作

javascript - 是否需要使用 "typeof"运算符来检查全局变量是否存在?

javascript - 使用 JavaScript 或 ExtJS 对格式化字符串数字进行四舍五入

javascript - 从 JavaScript 代码中调用 Golang 函数

html - Angular 4 全图背景

CssResource 改变样式

html - 您可以为一个 css 条目分配一个 html 选择器和一个类选择器吗?

java - 如何在java中处理xml内容中的标签