自动调整卡片大小以适合图像

时间:2020-03-23 07:47:33

标签: angular twitter-bootstrap

我有一张卡片,里面有一张图像。图像始终为500像素高,但是宽度会根据宽高比而变化。

  <div class="card mt-3" style="width: 750px">
    <div class="card-body">
      <img src="{{ aircraftImageUrl }}" class="aircraftImage" *ngIf="aircraftImageUrl">
    </div>
  </div>

如您所见,我暂时尝试在其上强制设置宽度,这是可行的,但我真的希望卡片将其宽度自动调整为包含图像的宽度。

由于图像宽度变化,强制图像宽度无效。

有没有办法做到这一点?我已经查阅了有关Bootstrap 4文档的大小调整选项,但是我没有看到任何可以自动调整大小的选项。

0 个答案:

没有答案
相关问题