php - 无论上传图片的大小如何，卡片都会显示相同大小的特色图片

Question

我在网站上工作，我们有一个新闻部门。该页面会自动从数据库中加载文章，但我遇到了一个外观问题。

基本上，文章所在的卡片(特色文章除外)的大小都根据图像而有所不同。

我想要做的是让每张卡片保持相同的大小。我的想法是无论上传图片的实际大小如何，都让它显示相同大小的图片我希望这是有道理的。

这有可能吗？任何人都可以 Bootstrap/指导我如何完成吗？

下面是它目前的样子。我想要做的是让每张卡片大小相同。因此，创建一个显示特定大小的 mask :

Answer 1

基于我的评论的两个示例，显然，我不确定您的实际代码

一种方式:

<style>
.card-image {
  width: 200px;
  height: 100px
}
</style>    
<div class="card">
   <img src="path/to/image.jpg" class="card-image" alt="Alt Text"/>
</div>

另一个:

<style>
.card-image {
  width: 200px;
  height: 100px
  background-image:url("path/to/image.jpg");
  background-size:cover;
}
</style>    
<div class="card">
   <div class="card-image"></div>
</div>