使用flexbox时，多行子元素之间的间距如何控制？

Question

html结构    <div class="flex flex-sm">        <div class="flex-item item1"></div>         <div class="flex-item item2"></div>         <div class="flex-item item3"></div>         <div class="flex-item item4"></div>     </div>css代码.flex{    padding:20px;    border:1px solid #ccc;    display: flex;    flex-wrap: wrap;    align-items: flex-start;    align-content: flex-start;    justify-content: space-between; }.flex-item{    width: 250px;    border:1px solid #f00; }.item4{    height: 200px; }.item1{    height: 120px; }.item2{    height:100px; }.item3{    height: 40px; }未换行时浏览器显示如下：换行时显示效果请问换行时能否调节横轴间距呢？尝试过使用margin，效果不好会破坏布局。