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

前端之家收集整理的这篇文章主要介绍了如何获得不同的高度html div浮起来前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在容器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/

原文链接:https://www.f2er.com/html/232893.html

猜你在找的HTML相关文章