如何获得一个换行符

Question

我正在探索Angular Material，我很惊讶。但我想知道如何将几张卡片放在一起。我用ng-repeat做这个。但我想要的是最多三个可以相互靠近，以便第四张卡动态地以新的一行开始。

如何在没有自定义CSS的情况下构建这个？

<md-content layout-xs="column" layout="row">
    <div flex-xs flex-gt-xs="120" layout="column" ng-repeat="item in items">
        <md-card> .... </md-card>
    </div>
</md-content>

Answer 1

您可以使用flex执行此操作：

<md-content layout-xs="column" layout="row" flex>
    <md-card ng-repeat="item in items" flex="33"> .... </md-card>
</md-content>

添加以下css属性：

md-content{
  flex-wrap: wrap;
}

编辑：

正如@juleee指出的那样，也可以通过添加layout-wrap指令来实现：

<md-content layout-xs="column" layout="row" flex layout-wrap>

哪会自动将上述css添加到md-content。