大盒子居中显示，尺寸为1226px✖615px；粉色盒子宽度为234px；蓝色盒子尺寸为234px✖300px，盒子之间间距为14px

要在页面上居中显示三个大小不一的盒子，可以采用以下CSS布局策略。首先，我们需要创建一个大容器，将其设置为固定宽度和高度（例如，`width: 1226px; height: 615px; display: flex; justify-content: center; align-items: center;`），使其水平和垂直居中。

然后，对于粉色和蓝色的盒子，由于它们的宽度相同，我们可以在大盒子内分别创建两个`div`，给每个盒子添加宽度、高度以及左右外边距（`margin: 0 14px;`），这样它们会在大盒子内部保持各自的宽度，并且有固定的间距。

粉色盒的样式示例：

.pink-box {
  width: 234px;
  height: 300px;
  background-color: pink;
  margin-right: 14px;
}

蓝色盒的样式类似：

.blue-box {
  width: 234px;
  height: 300px;
  background-color: blue;
  /* 如果需要居左，则不用 margin-left */
}

将这两个盒子作为大盒子的直接子元素即可，整体代码结构如下：

<div class="container">
  <div class="pink-box"></div>
  <div class="blue-box"></div>
</div>

这里的`.container`类应该包含上述CSS样式。