masonry.js瀑布流布局插件
Masonry是一个JavaScript网格布局库。它通过根据可用的垂直空间将元素放置在最佳位置来工作，就像砌墙的石匠一样。您可能已经在整个Internet上看到了它的使用。
下载地址：
- 压缩版下载： masonry.pkgd.min.js
- 未压缩版下载： masonry.pkgd.js
CDN地址：
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<!-- or -->
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>使用方式：
<script src="/path/to/masonry.pkgd.min.js"></script>
.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }
<div class="grid">
<div class="grid-item">...</div>
<div class="grid-item grid-item--width2">...</div>
<div class="grid-item">...</div>
...
</div>
$('.grid').masonry({
// options
itemSelector: '.grid-item',
columnWidth: 200
});更多内容：https://masonry.desandro.com/
正文到此结束
- 本文标签： JavaScript
- 版权声明： 本站原创文章，于2021年05月18日由赵恒发布，转载请注明出处
相关文章
该篇文章的评论功能已被站长关闭