img标签在div中的垂直位置

Question

我的<img>中有一个<div>标签。图片的实际高度为1280像素，但滑块的高度必须为735像素。我知道，我可以通过background-position:方法执行此操作，但是由于某些原因，它与“光滑滑块”插件无法很好地配合使用。没有background-position:样式时如何定位？这是我的代码：

    <div class="slider-wrapper">
        <div class="single-item">
            <img src="img/slider-image1.jpg" alt="slider-image1">
        </div>
        <div class="single-item">
            <img src="img/slider-image2.jpg" alt="slider-image2">
        </div>
        <div class="single-item">
            <img src="img/slider-image3.jpg" alt="slider-image3">
        </div>
    </div>

<img>中是否有用于垂直定位<div>标签的任何方法？

这是我现在拥有的：

这就是我需要的：

Answer 1

.single-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height:735px;
  width: 100%;
  overflow: hidden;
}