网页一排盒子中间有一个空白盒子，盒子中间有间隔的代码

要创建网页上的一排等宽盒子，其中有一个空白盒子（通常表示为间隙），你可以使用CSS布局技术。这里有一个简单的例子，使用Flexbox布局：

HTML部分:

<div class="container">
  <div class="box box1">Box 1</div>
  <div class="box box2">Box 2</div>
  <div class="gap"></div> <!-- 空白盒子 -->
  <div class="box box3">Box 3</div>
</div>

CSS部分:

.container {
  display: flex; /* 使用Flexbox布局 */
  justify-content: space-between; /* 容器内的项目之间留有间隔 */
}

.box {
  width: calc(33.33% - 20px); /* 盒子宽度设置为总宽度的三分之一减去20px间距 */
  background-color: #f0f0f0;
  padding: 15px;
  margin-bottom: 10px;
}

.gap {
  flex: none; /* 设置空白盒子不占空间 */
}

在这个例子中，`.container`里的`.box`元素会平均分配空间，并且通过`.gap`的`flex: none`属性，使得空隙不会占据空间。可以根据实际需要调整数字，比如百分比、像素值。