Css 大小不同的图像自适应网格

我真的不知道这是否有一个解决方案，但如果有人知道这将是可怕的

如果需要，我只想使用CSS和javascript

我所拥有的：

图像网格，没有任何空白。实际上，我在响应列中实现了列计数

我想要什么

每个图像在列中都是100%大小，我希望它们在悬停时更大。发生的事情是，他们成长，但他们做的背后的一切（你可以看到） 如果我只是把每一个没有列的图像放在一个块中，只在块中内联显示，那么当一个图像增长时，它会在行的其余部分留下空白

有没有一种方法可以让每一张图片都粘在一起（没有空白），即使其中一张图片长大了

谢谢

您可以尝试：

a:hover img, a:focus img {
  position: relative;
  z-index: 1;
}

把更大的图像带到前面