我有一张卡片,里面有一张图像。图像始终为500像素高,但是宽度会根据宽高比而变化。
<div class="card mt-3" style="width: 750px">
<div class="card-body">
<img src="{{ aircraftImageUrl }}" class="aircraftImage" *ngIf="aircraftImageUrl">
</div>
</div>
如您所见,我暂时尝试在其上强制设置宽度,这是可行的,但我真的希望卡片将其宽度自动调整为包含图像的宽度。
由于图像宽度变化,强制图像宽度无效。
有没有办法做到这一点?我已经查阅了有关Bootstrap 4文档的大小调整选项,但是我没有看到任何可以自动调整大小的选项。