Как установить максимальную высоту изображений 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; 
}