角4角材料板卡单行

Question

我只需要放在第二排的垫子卡里.我该怎么做？

<mat-card class="example-card">
  <mat-card-header>
    <div mat-card-avatar class="example-header-image"></div>
    <mat-card-title>Shiba Inu</mat-card-title>
    <mat-card-subtitle>Dog Breed</mat-card-subtitle>
  </mat-card-header>     
  <mat-card-content>        
  </mat-card-content>     
</mat-card>

我想要得到这个

​

​

Answer 1

您可以为此使用flex布局。https://alligator.io/angular/flex-layout/

Answer 2

您可以将style添加到div中。

<div style="display:flex; flex-direction: row;">
   <mat-card class="example-card">
      ...
   </mat-card>
   <mat-card class="example-card">
      ...
   </mat-card>
</div>