display:grid;grid-gap:12px10px;//这里auto-fill和auto-fit的区别主要是影响元素数量比较少在grid-template-columns的情况下:repeat(auto-fill,minmax(214px,1fr));auto-fill效果如下：auto-fit效果如下：gridauto-fit和auto-fill的区别auto-fill:在轨道重复的过程中，根据需要创建尽可能多的轨道元素上。如果创建的磁道数是小数，比如6.5，那么0.5就叫做剩余空间。剩余空间不够一个track，相当于1fr每条track分配了0.5的剩余空间，没有元素填充的空track不会折叠，会保留（相当于留空）。auto-fit：在曲目重复过程中，尽可能基于元素创建曲目，将小于一曲的剩余空间平均分配。track分配完毕后，如果track中没有元素，则将所有未填充元素的空tracks折叠为0，即所有未填充元素的空tracks分配给有元素的tracks(相当于所有充满元素的轨道的1fr）。终于没有空轨道了。last:auto-fill和auto-fit一开始做的是一样的事情，就是尽可能分配tracks的数量。区别在于后面空轨道是否折叠为0。auto-fill不会折叠空轨道，而auto-fit会折叠空轨道。
