angular - Angular Flex：3个div：中间的一个应该根据上下div的上下文缩小

Question

我是 Angular Flex 的新手。我有 3 个divs，我希望div在上部和下部之间有一个动态空间，以便下部div位于底部，具体取决于底部和顶部div's占用的空间。

这可以通过 Angular Flex 实现吗？

这是3个div

<div class="row" fxFlex="basis">
  <div class="col-xs-12 col-sm-12 p-small-text">
    {{app._description}}
  </div>
</div>

<div class="row" style="border: 1px solid black;" fxFlex="grow">
  <div class="col-xs-12 col-sm-12">no content</div>
</div>

<div class="row p-row-top-padding" fxFlex="basis">
 <div class="col-xs-12 col-sm-12">dynamic content</div>
</div>