用grid布局写一个一排只有四个盒子，总共14个盒子的布局

可以使用以下代码实现：

HTML代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS代码：

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

.box {
  background-color: #ccc;
  height: 100px;
}

解释：我们首先创建一个带有14个子元素（盒子）的父容器，然后将其设置为网格布局容器。我们使用 `grid-template-columns` 属性将容器分为4列，每列的宽度为1fr。我们还设置了 `grid-gap` 属性来添加间距。最后，我们为每个子元素（盒子）设置了相同的背景颜色和高度。