html - 一列中的多个帖子具有不同的高度,多列布局

标签 html css grid

我目前正在制作博客布局,我的帖子包含在 div 中,目前我的博客帖子显示如下:

enter image description here

如您所见,当列中的一项高度高于另一项时,会出现大量空白。

我希望它看起来像:

enter image description here

执行此操作的最佳方法是什么?因为我目前正在使用 Bourbon Neat 的网格系统来制作我的博客布局网格。

谢谢

最佳答案

我想最好的方法是使用可以包含帖子的两列表。

像这样的东西 Illustration

关于html - 一列中的多个帖子具有不同的高度,多列布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24228354/

相关文章:

css - 选项 :disabled css style does not works on Chrome and Safari for MAC

javascript - 获取脚本路径

asp.net-mvc - Devexpress Grid MVC 3 Razor 引擎

javascript - json2html,我需要将点击事件添加到生成的html中

javascript - THREE.js OBJ 加载器对象

html - 如何设置Materialise sidenav的高度和位置?

javascript - 如何强制 div 在悬停时溢出 ul 容器?

html - css 在父级下创建元素

wpf 文本框文字环绕

ruby - 4x4 字母网格 - 单词生成器 - 与 friend 争夺