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

Question

有什么方法可以让我在一个 div 中显示多张小纸卡，以便它们环绕它们所在的容器？

Answer 1

你可以试试这个

添加flex-flow: row wrap; (flex-flow: <‘flex-direction’> || <‘flex-wrap’>)

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

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

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

希望这对您有所帮助。