Grid 和 flexbox 的一个很大的差异是 Grid 允许我们在二维空间(多行多列)控制元素的位置, flexbox 则不行。但这并不意味着你永远不能在一维布局中使用 Grid, 在需要准确地在一维空间控制元素的尺寸和位置时选择我们依然可以选择使用 Grid 行和列的交叉…

​ 网格是由一系列水平及垂直的线构成的一种布局模式。根据网格，我们能够设计元素进行排列，帮助我们设计一些具有固定位置以及宽度的元素的页面，使我们的网站页面更加统一。 ​ 一个网格通常具有很多的列(column)与行(row)，以及行与行，列与列之间的间隙，这个间隙一遍被称之为沟…