主要介绍了使用CSS Grid布局实现网格的流动,需要的朋友可以参考下

HTML文档中有文档流，其实在CSS Grid Layout中有网格流。简单点理解就是，在一个被显式声明为网格的容器中，其所有子元素自动被认定为网格单元格，而这些网格单元格在没有被显式设置明确位置时，浏览器将会自动为这些网格单元格的位置进行计算，按照先后顺序从左向右，或从上到下排列。在这里把这种方式称之为网格的流动。 在具体介绍网格流动相关内容之前，我们先一起来回忆一个简单的效果。平时在Web页面制作当中，经常会碰到产品列表展示页面，或者说相册展示页面的效果。如下图所示： 实现上图的效果，大家