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

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 中执行此操作。