vertical-alignment - 絶対位置のない画像の垂直方向の位置合わせ

Question

画像付きのスライダーがあり、その一部はビューポートよりも大きくなっています。

画像の上部がビューポートの上部に揃えられるため、画像の下部はoverflow:hiddenでカットされます。

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

幅は柔軟にしましょう。画像を挿入するには、すべての画像の幅がスライダーの幅を超えないようにしてください。これはフォトショップで行うことができます。