Masonry 是由 @desandro 开发的一个开源 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>
📚 应用场景
🔗 官方地址
