HTML/CSS : Grid for images with varying heights – why are images not wrapping properly?

标签 html css wordpress grid

<分区>

我正在从事以下基于 Wordpress 的 Web 元素:http://udkdev.skopec.de/category/projekte/

如您所见,帖子/帖子缩略图有一个网格。其他人在所有缩略图高度相同的前提下进行了设置。我想更改它,以便缩略图可以具有不同的高度并正确换行,而不会在图像排列的行之间创建整体。我可以通过更改当前版本来做到这一点,还是必须为网格设置一个全新的方法?

最佳答案

这仅适用于 javascript 而不是 CSS。你需要像“砌体”(https://masonry.desandro.com/)这样的东西。

关于HTML/CSS : Grid for images with varying heights – why are images not wrapping properly?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45710254/

相关文章:

javascript - On 鼠标悬停效果带文字说明

javascript - 使用溢出 :scoll,SVG 无法在 Div Wrapper 中滚动

CSS - 有色不透明度

javascript - jQuery 对 Wordpress 内容进行动画处理

php - 高级自定义字段复选框

html - 使用 goQuery 按 id 搜索标签

javascript - CSS3 过渡 : Expand fixed footer or fixed header to maximum size without overlaying Header or footer

html - 如何使用 Bootstrap 在响应图像上放置搜索栏?

html - 自动跨浏览器视觉检查

在 WordPress index.html 中处理 PHP 的 JavaScript 导致加载问题,不匹配 fiddle 代码