CSS - 禁用宽度：自动

Question

我有一个尺寸为32 x 32的图像（即宽度和高度属性）。但是，图像的大小仍保持为150 x 150的默认值。

查看CSS我可以看到父CSS文件中有width: auto。当我关闭图像时，然后调整大小为32 x 32.

我想在不改变父CSS文件的情况下覆盖它。我该怎么做？

注意：我最初尝试width: none这是无效的CSS。

Answer 1

尝试将图像的最大宽度设置为不大于其父宽度。您可以将宽度/高度设置为初始或继承，看看哪个适合您。

初始：将此属性设置为其默认值。

继承：从其父元素继承此属性。

.parent img {
   max-width: 100%;
   width: 32px;
   height: initial;
}

Answer 2

您可以通过将父选择器添加到类中来限制图像高度宽度，例如。看看下面的例子

.parent img {
width : 32px;
height:32px;
}