禁用弹性箱中的流体顶部到底部高度

Posted 2021-04-07

如何让$100拥有自己的高度？现在它流到顶部和底部。我可以使用'align-item'使其垂直对齐，但它具有从上到下的流动高度，这不是我想要的。

.wrap {
  display: flex;
  justify-content: space-between;
  border: 1px solid;
}

.middle {
  display: flex;
  align-items: center;
  background: red;
}

<div class="wrap">
  <div>
    <p>
      abc
    </p>
    <p>
      123
    </p>
  </div>
  <div class="middle">
    $100
  </div>
</div>