Masonry 是由 [链接登录后可见] 开发的一个开源 JavaScript 库，用于创建类似 瀑布流（Pinterest） 的布局。
核心特点
瀑布流布局（Masonry layout）
自动根据内容高度排列卡片，让每一列尽可能填满空间，避免空隙。
纯原生 JavaScript 实现
无需 jQuery（v4 版本起）
响应式支持
支持动态调整元素布局，适应不同屏幕宽度。
插件友好 & 易集成
可与 Vanilla JS、jQuery、React、Vue 等前端技术栈结合使用。
使用方式（基础）
<div class="grid">
<div class="grid-item">内容块</div>
<div class="grid-item">内容块</div>
</div>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script>
new Masonry('.grid', {
itemSelector: '.grid-item',
columnWidth: '.grid-item',
percentPosition: true
});
</script>
应用场景
官方地址
