我的<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>
标签的任何方法?
.single-item {
display: flex;
align-items: center;
justify-content: center;
height:735px;
width: 100%;
overflow: hidden;
}