全部词条 / 布局
布局
常见叫法

瀑布流布局

Masonry layout

让不同高度的卡片紧密排列,减少纵向空隙。

也叫不等高网格砖石布局

效果预览 先看,再试一试

实时演示
项目概览 全部项目 ↗
◒数据分析最近更新 · 今天
◫设计系统最近更新 · 今天
✳工作空间最近更新 · 今天
◇项目管理最近更新 · 今天
◐营销页面最近更新 · 今天
▦内容中心最近更新 · 今天

演示用于理解模式。具体样式和尺寸可按项目需要调整。

这是什么

让不同高度的卡片紧密排列,减少纵向空隙。

本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。

什么时候用

图片素材、灵感收藏、长度不一的内容卡片。

容易混淆

与整齐对齐的网格不同,瀑布流不保证每一行对齐。本示例采用多列,阅读顺序先纵向后横向。

可以这样描述

使用瀑布流排列不等高卡片,并明确先纵向后横向的阅读顺序。

随上方参数同步生成 · 可加入方案后编辑

参考资料

相关规范与实现参考

释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。

正在准备离线内容…

收藏与方案保存在此设备