我如何将图像放入 div （离子）答案

【问题标题】：How can i fit images in to div ( Ionic )我如何将图像放入 div （离子）
【发布时间】：2021-07-31 07:33:54
【问题描述】：

我有一个 div 容器，在 div 里面我有一个 img。

  <div  style="background-color: red; height: 200px; width: 200px;">
    <ion-img  src="{{kategori[i].img}}"></ion-img>

    </div>

我想用我的图像填充那个 div。但它不适合里面。它看起来像这样：

有些很小，有些很大。我如何填写 div 内部？我不想看到红色背景，我希望它填充在 div 中。它是我的 CSS 代码：

ion-img {

  border-radius: 15px;
  background-size: cover;
  max-width: 100% !important;
  max-height: 100% !important;
}

感谢您的帮助

【问题讨论】：

【解决方案1】：

ion-img {
  border-radius: 15px;
  object-fit: cover;
}

【讨论】：

【解决方案2】：

试试这个<div style="display: flex; background-color: red; height: 200px; width: 200px; object-fit: cover;">

从图像样式中移除 object-fit:cover

ion-img { border-radius: 15px; }

【讨论】：