javascript - 使用 float 时如何消除垂直间隙

标签 javascript jquery html css css-float

我为我的 div 使用了 float: left 但创建了垂直间隙。
如何删除 div 5 和 8 顶部的间隙?

请参阅JSFiddle示例。

注意:我需要响应式(更改结果宽度)。订购很重要,因此this JSFiddle不能接受的。我将在实际元素中使用 bootstrap 和 col-lg-6 。内容可能是动态的。 JS 解决方案是可以接受的。

最佳答案

没有纯CSS的解决方案,我建议你使用类似http://masonry.desandro.com/的东西.

关于javascript - 使用 float 时如何消除垂直间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23648129/

相关文章:

javascript - jQuery 选择器找不到存在的元素

jquery - casperjs select 不适用于 angularjs

javascript - 如何获取对象标签的ParentElement?

html - 在不破坏垂直对齐的情况下定位另一个 div

javascript - 如何使用javascript在选择列表中创建从1到100的选项?

javascript - 如何在 javascript 中获取响应 header 值?

javascript - Twitter Bootstrap 的多个问题 - 切换工具提示、无响应

jquery - onclick 事件不适用于 ipad 和平板电脑

javascript - 在没有 express.js 的情况下将图像保存到 node.js 服务器

javascript - 如何创建一个 Javascript 函数调用列表,等待上一个函数完成后再调用下一个函数?