改行を取得する方法

Question

私は現在、角度材料を探索中で、私は驚いています。しかし、私はお互いの隣にいくつかのカードを置くことができたかと思いました。私はng-repeatでこれを行います。しかし、私が望むのは、3つの最大量がお互いに隣接しているため、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; 
} 

はEDIT：@juleeeで指摘したように

を、それによって達成することもできます

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

自動的md-contentに上記cssを追加します。layout-wrapディレクティブを追加。