如何在Flexbox中实现这一目标？ （将标题与flexbox项垂直对齐）

Question

我想使标题与flexbox容器（红色框）中的第一个flexbox项（红色框内的黑框）垂直对齐（请参见图片）。

一些背景信息：黑盒的flex-basis是400px，并且不会增长（flex-grow：0）。如您所见，flex项在flexbox容器中水平居中。伸缩项目会自动包装。

因此，我希望标题始终与flexbox容器中的第一个flexbox项对齐。如果物品包裹了，则标题必须仍然对齐。我想知道是否有一个简单的flexbox解决方案。这是我的代码：

<div class="wrapper">
 <div class="heading"> some heading</div>
 <div class="flexrow">
  <div class="flexitem"></div>
  <div class="flexitem"></div>
 </div>
</div>
-------------------------------
.wrapper {
 width: 75%;
 margin: 0 auto;
}

.flexrow {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

.flexitem {
  flex-basis:400px;
  flex-grow: 0;
}

（我有一个解决方案，但是我认为这不是一个很好的解决方案。我的解决方案是将flexbox行容器的副本放在现有的flexbox行容器之上。我只需使用标题，第二个项目为空。确实可以，但是我认为这不是一个很好的解决方案）