CSS - 禁用寬度：自動

我有一個大小爲32 x 32（即寬度和高度屬性）的圖像。但是，圖像的大小默認爲150 x 150.CSS - 禁用寬度：自動

查看CSS我可以看到父CSS文件中有width: auto。當我關閉圖像然後調整大小爲32 x 32.

我想重寫這個，而不改變父CSS文件。我該怎麼做呢？

注：我最初嘗試width: none這是不是有效的CSS。

2015-04-27 Snowcrash

[風格從其HTML屬性讀取尺寸，不CSS]（可能重複http://stackoverflow.com/questions/14143445/style-img-to-read-尺寸 - 從其html-attributes-not-css） – BoltClock

一個捷徑，但你可以隨時使用！重要 –

@Toby Cannon：您不能對HTML表示屬性使用！important（請參閱鏈接問題下的註釋），並以寬度使用它：auto不會更改任何內容。 – BoltClock

嘗試將圖像的最大寬度設置爲不大於其父寬度。您可以將寬度/高度設置爲初始值或繼承值，查看哪個適合您。

初始：將此屬性設置爲其默認值。

繼承：從其父元素繼承此屬性。

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

2015-04-27 18:37:41 chrisbedoya

既然你有寬度：32px聲明那裏，你可能只是使用它，忘記最大寬度。初始相當於auto並且具有完全相同的效果，並且繼承僅在父元素的寬度實際爲32px時纔有效，這不太可能。 – BoltClock

您可以通過向類添加父級選擇器來限制圖像高度寬度，例如：看看下面的例子

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

2015-04-27 18:40:18

爲什麼要向選擇器添加一個類允許您限制該選擇，或者說，爲什麼不這樣做會阻止您這樣做？ – BoltClock

使用CSS選擇器，我們可以輕鬆覆蓋繼承的CSS屬性，即我在這裏所建議的。如果我錯了，請隨時糾正我。 –

回答