html的砖化布局

最新推荐文章于 2021-07-13 06:59:52 发布

maltMai

最新推荐文章于 2021-07-13 06:59:52 发布

阅读量348

点赞数

分类专栏： html布局

本文链接：https://blog.csdn.net/q423498555/article/details/52815953

版权

这篇博客介绍了如何使用masonry.pkgd.js插件来实现HTML的砖化布局。通过展示html的基本结构和JavaScript调用来说明其使用方法。

摘要由CSDN通过智能技术生成

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">	</span><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">公司网站最近项目需要做一个砖化布局的页面，其实就跟网上的照片墙差不多，就是div的宽度是固定的，但是高度确是不固定，找来找去，最后找到了一个jq插件</span>

masonry.pkgd网上找了一下，很多人都有用到这个插件，当然咯这个插件使用起来也很方便。

html结构

<span style="font-size:14px;"><div id="parent">
  <div class="child">...</div>
  <div class="child">...</div>
  <div class="child">...</div>
</div>
</span>