如何設置CSS圖像的最大高度？

Question

我怎樣才能解決這個這兒圖像的height在此頁：

圖像的原始尺寸爲196 x 196 px。但是，當圖像加載到頁面上時，它顯示的比這個尺寸大得多。

此圖片height可以設置爲最大值280px？

Answer 1

原因是圖像正在使用容器的尺寸。

使用max-height

.advance-link img { 
    max-height: 280px; 
    width: auto; 
} 

查看網站上的編輯屬性的快照。

Answer 2

是的，你可以添加一個限制高度。只需添加一個自定義類的img標籤是這樣的：

<img class="someName" src="file path" /> 

然後添加到您的CSS：

img.someName { 
    max-height: 280px; 
}