没有绝对位置的垂直对齐图像

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;
}

宽度要灵活。要放入图像，请确保所有图像的宽度不超过滑块宽度。你可以在photoshop中做到这一点。