跳到主要内容

Grid 栅格

栅格是以规则的网格阵列来指导和规范网页中的版面布局以及信息分布,提高界面内布局的一致性和效率。


基础栅格

外间距 Margin:网格外边缘的边距始终是 16px,即卡片之间的间距。

内间距 Padding:始终将元素放置在卡片内安全框内,元素距离卡片间距为 16px。

响应栅格

全宽栅格

栅格密度

对于更小的内容,可以使用页面网格的最小单元进行设计的布局引导。

内容级栅格