如何用网格布局实现这个？

利用CSS的grid布局，代码示例如下：

<div class="grid-container">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <div class="grid-item">4</div>
  <div class="grid-item">5</div>
  <div class="grid-item">6</div>
</div>

<style>
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.grid-item {
  background-color: #ccc;
  height: 100px;
  text-align: center;
}
</style>

以上代码实现一个3行2列的网格，在grid-template-columns属性中使用了repeat()函数来指定列的数量和大小。每个网格项都设置了高度和文本居中来显示。