将div垂直居中于网格中放大的div的左侧和右侧

，可以通过以下步骤实现：

1. 首先，确保父容器使用网格布局（grid layout）。在父容器的CSS样式中，设置display属性为grid。
2. 创建两个子div元素，一个用于放大的div，一个用于垂直居中的div。给它们分别添加一个唯一的类名，例如"zoom-div"和"center-div"。
3. 在父容器的CSS样式中，使用grid-template-columns属性来定义网格的列。例如，可以使用"auto 1fr auto"来定义三列，其中中间的列将占据剩余的空间。
4. 使用grid-column-start和grid-column-end属性将放大的div放置在左侧的列中。例如，可以将"zoom-div"类的元素的grid-column-start属性设置为1，grid-column-end属性设置为2。
5. 使用justify-self属性将垂直居中的div水平居中。例如，可以将"center-div"类的元素的justify-self属性设置为center。
6. 使用align-self属性将垂直居中的div垂直居中。例如，可以将"center-div"类的元素的align-self属性设置为center。

以下是一个示例的HTML和CSS代码：

HTML代码：

<div class="parent-container">
  <div class="zoom-div">放大的div</div>
  <div class="center-div">垂直居中的div</div>
</div>

CSS代码：

.parent-container {
  display: grid;
  grid-template-columns: auto 1fr auto;
}

.zoom-div {
  grid-column-start: 1;
  grid-column-end: 2;
}

.center-div {
  justify-self: center;
  align-self: center;
}

这样，放大的div将位于网格的左侧，垂直居中的div将位于放大的div的右侧，并且垂直居中于网格中。