在Angular flex布局中完成100个单元后，我还没有找到换行的方法

Question

在Angular flex布局中完成100个单位后如何给换行符

我的代码是

 <div class="content" fxLayout="row" fxLayout.xs="column" fxFlexFill>
    <div fxFlex="50" fxFlex.xs="50" fxFlex.gt-md="50">
          Col 1
    </div>
    <div fxFlex="50" fxFlex.xs="50" fxFlex.gt-md="50">
          Col 2
    </div>
    <div fxFlex="50" fxFlex.xs="50" fxFlex.gt-md="50">
          Col 3
    </div>
</div>`

应该在col2之后换行，即第一行的Col 1和Col 2分别具有50％，50％的宽度，第三行的Col 3中具有50％的宽度。

但是它不是那样工作，在第一行执行所有cols。为了解决这个问题，我现在要制作两行，绝对不是推荐的方法。