使所有弹性项在不同行上的高度相等

Question

这是我的简单codepen。由于align-items: stretch，这行中的所有项目都具有相同的高度，这是默认值。但是，我也想在不同的行中使高度相同。在这个代码中，如果你让你的屏幕足够小，那么块＆＃34;五＆＃34;和＆＃34;六＆＃34;在他们自己的第二行，第二行中的项目的高度较小。如何使所有项目与最大块所需的高度相同？

HTML：

<div class="flexParent">
    <div class="flexItem">one <br> two</div>
    <div class="flexItem">three</div>
    <div class="flexItem">four</div>
    <div class="flexItem">five</div>
    <div class="flexItem">six</div>
</div>

CSS：

.flexParent {
  display: flex;
  flex-wrap: wrap;
}

.flexItem {
    padding: 10px;
    margin: 10px;
    width: 500px;
    background-color: yellow;
}