如何获得换行符？

Question

我目前正在探索 Angular Material。但我想知道如何将几张卡片并排放置。我用 ng-repeat 来做到这一点。但我想要的是最大数量的三个可以彼此相邻，以便第 4 张卡动态地在新行中开始。

关于如何在没有自定义的情况下构建它的任何想法 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。

如何获得换行符？

How to get a linebreak?

angularjs

angular-material