mat-card在div中没有​​响应 - Angular / material

Question

有没有什么方法可以让我在div中显示多张小纸卡，以便它们包裹在他们所在的容器中？

Answer 1

你可以试试这个

添加flex-flow: row wrap;（flex-flow：＆lt;'flex-direction'＆gt; ||＆lt;'flex-wrap'＆gt;）

然后display: inline-flex;这将使容器宽度等于内容大小。

.flex-me {
  display: inline-flex;
  flex-flow: row wrap;
  background: grey;
}

mat-card {
  height: 150px;
  width: 200px;
}

希望这有帮助。