砌体布局（有时）在项目之间添加 1px 间距

Question

我用 Masonry 布置了 7 件物品。根据屏幕尺寸，有时会在第 2 行和第 3 行之间（有时也会在第 2 和第 3 列之间）出现 1px 的装订线（白色 space）。

就我个人而言，我不希望 space 介于 tiles/items 之间。谁知道是什么原因导致出现这条 px 线以及如何解决这个问题？

示例：http://wallstart.nl/test.html

结果：https://infinit.io/_/fJqNxKq

Answer 1

因为它没有为项目设置高度所以它们的高度计算基于：

padding: 10%;
font-size: 18px;
line-height: 1.5em;

字体大小没问题，但项目上的填充和行高（因为百分比和 em）导致高度具有浮点数（等等 height: 70.83px）。但我认为项目的位置是根据这些数字的上限值计算出来的。 （等等 top: 71px）。所以它在某些缩放级别上看起来很奇怪。

如果此库中不支持或修复此问题，我会尝试覆盖 .grid-item a 上的填充和行高以获得像素值。