Изображение с вертикальным выравниванием без абсолютного положения

Question

У меня есть слайдер с изображениями, некоторые из которых больше, чем область просмотра.

Верхняя часть изображений выравнивается с верхней частью окна просмотра, так что нижняя часть изображений разрезается с переполнением: скрыто.

div.flex-viewport{ 
height:350px !important; 
overflow:hidden !important; 
} 

div.flex-viewport img{ 
min-height:350px !important; 
min-width:940px !important; 
} 

Но я хочу, чтобы нижняя часть изображения, чтобы привести в соответствие с нижней части окна просмотра, так что верхняя часть разреза.

Как правило, для достижения этого я бы использовал абсолютное позиционирование, но это как-то делает изображения невидимыми (в FlexSlider).

Вертикальное выравнивание не работает. Есть предположения?

Answer 1

Попробуйте фиксировать высоту изображения с помощью CSS

.classofimage { 
height: heightofslider; 
} 

Пусть ширина быть гибким. Чтобы помещать изображения, убедитесь, что ширина всех изображений не превышает ширину ползунка. Вы можете сделать это в фотошопе.