46.CSS grid如何放置和跨越网格项目

注：上面的从浏览器F12可以进行查看
如上图所示，如果我们想把8移动到2的位置我们可以这样做

.el--8 {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
      } 

● 如果我们想一个格子跨越两个

.el--2 {
        grid-column: 1 / 3;  ##也可以写成grid-column: 1 / span 2;
        grid-row: 2;
      }

● 如果你想横跨一整行的格子，可以这么写

  .el--2 {
        grid-column: 1 / -1;
        grid-row: 2;
      }