如何获得不同的高度html div浮起来

发布时间：2020-12-14 21:34:37 所属栏目：资源来源：网络整理

导读：我在容器div中有一系列动态创建的不同高度的div。 div id="container" div id='d1'Varying text.../div div id='d2'Varying text.../div div id='d3'Varying text.../div div id='d4'Varying text.../div div id='d5'Varying text.../div div id='d6'Varying

我在容器div中有一系列动态创建的不同高度的div。

<div id="container">
  <div id='d1'>Varying text...</div>
  <div id='d2'>Varying text...</div>
  <div id='d3'>Varying text...</div>
  <div id='d4'>Varying text...</div>
  <div id='d5'>Varying text...</div>
  <div id='d6'>Varying text...</div>
  <div id='d7'>Varying text...</div>
</div>

当我“浮动：左”时，divs将按预期方式换行，从而在较短的div和下一行div之间留下空白。

如何让div有效地“浮动起来”，包装真实而不是横向。只使用css

理想情况下，项目2将在项目1之下，但任何改进都将有所帮助。

所以最终看起来就像这样

解决方法

尝试使用jQuery Masonry。这可能是一个很好的解决方案。

http://masonry.desandro.com/

或者尝试同位素，它具有更好的性能

http://isotope.metafizzy.co/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!