调整css图像的大小以适应

Question

所以我把类型列表，每个都有一个图像。如您所见，下面的列表中有水图像切割。我该如何解决这个问题？

我有一个水文本课程，所以它可以显示文本，我试图将其添加到HTML列表。

这是我在css中的类代码

.water{
    background: url('../images/water.png');
    object-fit: contain;
    background-repeat: no-repeat;
    max-width:100%;
    height:auto;
    text-indent: -9999px;
}

这要归功于HolyMoly

“对象直接在img标签上直接使用我的理解，我认为你想要背景大小：包含或背景大小：封面，因为你没有将css应用于图像标签，而是将图像用作图像背景“ - HolyMoly

Answer 1

请检查background-size：contains或background：url（'../ images / water.png'）50px 50px; 直接提到你的图像大小