瀑布流 · Masonry Layout
英文：Masonry Layout
页面布局难度：入门 ★
🗣️一句话大白话
卡片宽度一致但高度不统一，内容像瀑布自然错落，适合不同尺寸的图片。卡片宽度大致一致但高度不统一，内容像瀑布一样自然错落。它不强迫每一行严格对齐，因此特别适合不同尺寸的图片和视觉作品。
🎬真实场景
AI 生图作品集、摄影集、灵感墙、案例封面、视觉型博客
📮你可以这样说
「为 Punk 创建一个瀑布流作品画廊， 使用三列 Masonry Layout 展示不同宽高比的 AI 作品，保留图片原始比例，不要裁切成统一高度； 桌面端三列，平板端两列，手机端单列； 图片进入视口附近时再加载，点击后打开全屏预览。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：瀑布流就是所有卡片同宽。实际宽度一致、高度随内容变化，保留图片原始比例
🚫什么时候别用
- ✗文字型长内容（每行长度不一，阅读体验差）
🧩常见变体
图片瀑布流混合卡片瀑布流
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系