什么是网格布局?

网格仅仅是由水平和垂直线集合创建的一个模式,我们可以根据这个模式排列我们的设计元素。它们帮助我们创建设计——在页面之间移动时元素不会跳动或更改宽度,从而在我们的网站上提供高一致性。

平常我们使用的 Flex Layout 弹性盒模型,是一次革命性的突破,解决传统布局方案上的三大痛点 排列方向、对齐方式、自适应尺寸,是目前最为成熟和强大的布局方案。

而 Grid Layout 是一种基于二维网格的布局系统,旨在完全改变我们设计基于网格的用户界面的方式,弥补网页开发在二维布局能力上的缺陷。

网格通常具有列(column),行(row),以及在每行和列之间的间隙——通常称为沟槽(gutter)。

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress | Hosted by Coding Pages