html - 在 Angular 中 *ngFor 循环的卡片中制作固定图像大小

Question

我有一系列这样的卡片，它们将从不同大小的 url 中获取图像。我怎样才能使它在所有卡片中保持一致。

我这样做是为了设置图像及其容器的样式。 HTML

  <div class="container">
    <img class="card-image" [src]="url" />
  </div>

CSS

.container {
  width: 250px;
  max-height: auto;
  float: right;
}

.card-image {
  max-width: 100%;
  height: auto;
}

有人可以帮忙吗？

标签： htmlcssangular

Answer 1

使用宽度，缺点是图像不好看，解决方案是 svg 图像

.card-image {
   width: 75px;
   height: 75px;
}