砌体布局（有时）在物品之间增加1px排水沟

Question

我有7个项目与砌体一起铺设。根据屏幕尺寸，有时在第2行和第3行之间出现1px排水沟（白色空间）（有时也在第2和第3列之间）。

我个人不希望瓷砖/物品之间有空间。谁知道是什么原因导致单个px线出现以及如何解决这个问题？

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

导致：https://infinit.io/_/fJqNxKq

Answer 1

因为它没有为物品设置高度，所以它们的高度基于：

计算

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

font-size没问题，但是项目的填充和行高（因为百分比和em）导致高度具有浮点数（等等height: 70.83px）。但我认为根据这些数字计算的项目的位置是天花板。 （等top: 71px）。因此在一些缩放级别上看起来很奇怪。

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