在 Chrome Bootstrap 中不断改变网格中图像之间的垂直间隙
In Chrome Bootstrap keeps changing vertical gap between images in a grid
我有一个图库的图像网格，在浏览器具有一定宽度的某些情况下看起来不错，但是当您在 Chrome 中缩小浏览器的大小时，它会改变之间的垂直间隙项目。在 Microsoft Edge 中，它按预期工作（未尝试过 Firefox）。我需要保持垂直间隙一致，高度只有大约 10px。
以下是浏览器之间的区别：
https://i.imgur.com/7ZoA6Fz.jpg
要亲自尝试，请使用 Chrome 并查看下方 link 的结果并调整预览大小 window 以触发断点。
https://www.codeply.com/go/DUmlhXetYE
如果您无法重现该问题，则可能是浏览器更新问题...
如果您在 .gallery-item 上删除 display: flex;，则边距是一致的。
在 chrome、ff 和 edge 中似乎没问题。
我有一个图库的图像网格，在浏览器具有一定宽度的某些情况下看起来不错，但是当您在 Chrome 中缩小浏览器的大小时，它会改变之间的垂直间隙项目。在 Microsoft Edge 中，它按预期工作（未尝试过 Firefox）。我需要保持垂直间隙一致，高度只有大约 10px。
以下是浏览器之间的区别： https://i.imgur.com/7ZoA6Fz.jpg
要亲自尝试，请使用 Chrome 并查看下方 link 的结果并调整预览大小 window 以触发断点。
https://www.codeply.com/go/DUmlhXetYE
如果您无法重现该问题，则可能是浏览器更新问题...
如果您在 .gallery-item 上删除 display: flex;，则边距是一致的。
在 chrome、ff 和 edge 中似乎没问题。